Question

我无法找到此Here is the excel worksheet with a longer example data. The workbook contains two sheets: what I have & what I expect.所代表的此问题的解决方案。我有一个列表，在列表中我有另一个列表项目。我想选择第一个列表的第二个直接子节点，但会发生的是第二个列表中的第二个元素也被选中。如何只选择第一个列表中的直接第二个孩子？

<ul id="list-1">
    <li>Item 1
        <ul id="list-2">
            <li>Item 1 Child 1</li>
            <li>Item 1 Child 2 (I don't want this one to be red)</li>
        </ul> 
    </li>
    <li>Item 2 (I only want this one to be red)</li>
    <li>Item 3</li>
</ul>

我目前正试图像这样访问它：$("#list-1 li:nth-child(2)").css("color", "red");

Answer 1

您需要使用直接后代选择器>：

$("#list-1 > li:nth-child(2)").css("color", "red");

Updated fiddle

嵌套列表上的n-child直接子项

1 个答案: