当前位置: 代码迷 >> JavaScript >> JQ怎么获取UL里的前3个li,然后更改em的class属性
  详细解决方案

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

热度:37   发布时间:2013-06-26 14:29:32.0
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');
    
  });
});
  相关解决方案