卓凌昭

导航

关于使用jQuery操作dom时的一点发现 

<body>
<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>
<ul>
  <li>list1 item 1</li>
  <li>list1 item 2</li>
  <li>list1 item 3</li>
  <li>list1 item 4</li>
  <li>list1 item 5</li>
</ul>
<script>$('ul>li').eq(2).css('background-color', 'red');</script>
</body>

我本意是让每个ul下面的第三个li变成红色, 但是结果是依旧判断是把所有的li按统一的 index排列了,也就是说我写

$('ul>li').eq(6).css('background-color', 'red');

会让第2个ul的第2个li变为红色.
这样的话 上面代码就等同于

$('li').eq(2).css('background-color', 'red');

没必要加ul的限定了.

posted on 2017-06-22 10:14  卓凌昭  阅读(121)  评论(0)    收藏  举报