如何获得具有特定ID的<div>中的所有<li>元素？</div> </li>

Question

看起来很简单，我想我已经做过一两次了。什么是jQuery选择器语法，用于抓取<li>内id为“chapters”的所有<div>元素？

我可以使用<li>获取$('li')个元素，使用$('#chapters')获取div，但我需要将选择范围限制为该div中的<li>。

这是标记，后跟jQuery选择器。它不起作用，现在我不知道为什么：

<li>1 - outside the div</li>

<div id="chapters">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</div>

<li>2 - outside the div</li>

JQuery选择器：

$('#chapters li').css("background-color","red");

Answer 1

只是

$('#chapters li')

查看selectors documentation。

Answer 2

我认为您需要在选择器中使用句点（.）而不是（#）。以下是代码：

$('.chapters li').css("background-color","red");