Question

Jquery 关于定位到标签的问题

以下为页面代码
------------------------------------------------------------------------
<h3><a href="#" onclick="$('#frame_content').hide(); $('#frame_content_main').load('prompt.php?id=5');" >网购类</a></h3>
<div>
<ul>
<li><a href="prompt.php?id=5" target="prompt">团购</a></li>
<li><a href="prompt.php?id=6" target="prompt">年货</a></li>
<li><a href="prompt.php?id=7" target="prompt">虚假网站</a></li>
<li><a href="prompt.php?id=8" target="prompt">网上购车</a></li>
</ul>
</div>
-----------------------------------------------
$("h3>a").click(function(){
请问下面如何定位到第一个li上，并添加class=ABC?
?????????????????? .addClass("abc")
});

Answer 1

$("h3>a").click(function(){
$('ul li:first').addClass('abc');
});

用 :first 这是比较好的写法. 上面的怎么写都对,就看你页面的结构了.

如果确定页面就一个ul,就可以这么写,如果有多个,可以给div加id或class用于定位,就像1L那样.
$('div#test ul li:first').addClass('abc');

其实为了方便选择一个元素,就要加id或class是不好的习惯,最好灵活运用jquery的siblings()和closest()来选择元素或事件委托

Answer 2

首先给div加上ID：

<div id="test">
<ul>
<li><a href="prompt.php?id=5" target="prompt">团购</a></li>
<li><a href="prompt.php?id=6" target="prompt">年货</a></li>
<li><a href="prompt.php?id=7" target="prompt">虚假网站</a></li>
<li><a href="prompt.php?id=8" target="prompt">网上购车</a></li>
</ul>
</div>

然后：
$("h3>a").click(function(){
请问下面如何定位到第一个li上，并添加class=ABC?
$("#test li:eq(0)").addClass("abc")
});

eq()里的数字就是第几个li了

Answer 3

全部是正解 。 但是1楼的比较好 如果一个页面有N个ul的话 除了1楼外的几个人的 怕是不行了

Answer 4

$("h3>a").click(function(){
$("ul>li:first").addClass("abc")
});

Answer 5

$("h3>a").click(function(){
$('ul li:first').addClass('abc');
});