Question

我只是想突出显示列表中的第一项：

<input ng-model="vmMain.tva" placeholder="TVA" /><br />

.find（'li'）通过突出显示所有li来工作，就像我期望的那样，但我希望能够通过给出索引来选择一个。

https://jsfiddle.net/zAzz8/229/

Answer 1

当你这样做时

.find('li')[0]

它获取了 native javascript DOM元素，该元素无法访问jQuery css函数。

使用set代替

$('.foo')
    .find('li:eq(0)')
    .css( "background-color", "yellow" );

$('.foo')
  .find('li:eq(0)')
  .css("background-color", "yellow");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class='foo'>
  <ul class="bar">
    <li class="item-i">I</li>
    <li class="item-ii">II</li>
  </ul>
</div>

Answer 2

使用[0]选择DOM元素而不是jQuery对象。您不能直接在DOM元素上使用.css()函数。请改用.eq()来选择列表项作为jQuery对象

$('.foo')
    .find('li')
    .eq(0)
    .css("background-color", "yellow")

Answer 3

您可以使用 :eq(0) 例如：

$("ul li:eq(2)").remove();

这段代码删除了ul的第三个孩子

jQuery通过给出索引来选择特定的li？

3 个答案: