jquery获取每个嵌套列表的最后一个li

如果我有这样一个嵌套列表：

<ul id="test">
  <li>
    <ul>
       <li>blah1</li>
       <li>blah2</li>
       <li>blah3</li>
    </ul>
  </li>

  <li>
    <ul>
       <li>blah6</li>
       <li>blah7</li>
       <li>blah8</li>
    </ul>
  </li>
</ul>

使用jquery如何选择每个嵌套ul的最后一个元素，即blah3和blah8

仅用作：

使用选择器：

使用选择器：

您可以使用：

$('li ul li:last-child').css('color', 'orange');

您可以使用：

$('li ul li:last-child').css('color', 'orange');

试一试

试一试

---

如果我在blah3和blah8有图像，请调用down.gif。如何使用jquery隐藏它。我尝试了$'test ul li:last child img[src*=down.gif]'.hide；但它不起作用——你的代码应该起作用：你肯定还有其他问题。gif是大写还是什么？不知道为什么，但不起作用。请参见第1卷，我单击了几章，在我单击添加卷，然后为第2卷添加一章后，最后一个li没有显示出来，奇怪的是，它在第1卷上添加了一个down。如果我在blah3和blah8中有名为down.gif的图像，那么它应该永远不会显示第1卷或第2卷上的最后一个down。如何使用jquery隐藏它。我尝试了$'test ul li:last child img[src*=down.gif]'.hide；但它不起作用——你的代码应该起作用：你肯定还有其他问题。gif是大写还是什么？不知道为什么，但不起作用。请参见第1卷，我单击了几章，在我单击添加卷，然后为第2卷添加一章后，最后一个li没有显示出来，奇怪的是，它在第1卷上添加了一个down。它应该永远不会在第1卷或第2卷上显示最后一个down

$('li ul li:last-child').css('color', 'orange');

$('#test ul li:last-child')