首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JQ怎么获取UL里的前3个li,然后更改em的class属性

2013-06-26 
JQ如何获取UL里的前3个li,然后更改em的class属性div classnewlist idc04ullispan26/span

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>



[解决办法]

$(function(){
  $('li' , '#c04').each(function(k){
    if(k<3){
      $('em' , this).addClass('emClass');
    }else{
      return false;
    }
  });
});

[解决办法]

$(function(){
  $('ul').each(function(){
      $('li:lt(3) em',this).addClass('emClass');
    
  });
});

热点排行
Bad Request.