JQ如何获取UL里的前3个li,然后更改em的class属性
<div class="newlist" id="c04">
<ul>
<li><span>26</span><em>1</em><a href="#" target="_blank">标题</a></li>
<li><span>26</span><em>2</em><a href="#" target="_blank">标题</a></li>
<li><span>26</span><em>3</em><a href="#" target="_blank">标题</a></li>
<li><span>26</span><em>4</em><a href="#" target="_blank">标题</a></li>
<li><span>26</span><em>5</em><a href="#" target="_blank">标题</a></li>
.....
</ul>
</div>
可使用CSS3给前3个li设置样式，具体代码如下：
.newlist ul li:nth-child(1){}/*第一个li的样式设置*/.newlist ul li:nth-child(2){}/*第二个li的样式设置*/
.newlist ul li:nth-child(3){}/*第三个li的样式设置*/
.newlist ul li:nth-child(1) > span{}/*第一个li下面的span样式设置*/
.newlist ul li:nth-child(1) > em{}/*第一个li下面的em样式设置*/
温馨提示：内容为网友见解，仅供参考
第1个回答 2013-06-08
var lis = $("li:lt(3)");//前面3个li
lis.find('em').addClass("liclass");//设置前面3个li里面的em的class
lis.find('em').addClass("liclass");//设置前面3个li里面的em的class
第2个回答 2013-06-14
$("ul>li") //这样即可取到全部的li，为jq对象
第1个li 为 var a=$("ul>li")[0] //dom对象
$(a) //这样即可转化为jq对象
$(a).children("em") //取到em
$(a).children("em").attr("class",???) //加上你的ClassName
后两个$("ul>li")[1]和$("ul>li")[2]
一样的道理本回答被网友采纳
第1个li 为 var a=$("ul>li")[0] //dom对象
$(a) //这样即可转化为jq对象
$(a).children("em") //取到em
$(a).children("em").attr("class",???) //加上你的ClassName
后两个$("ul>li")[1]和$("ul>li")[2]
一样的道理本回答被网友采纳
相似回答
