日期:2014-05-16  浏览次数:20362 次

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');
    
  });
});