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

时间:2015-04-28 10:39:44

标签: jquery html css

我无法找到此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");

1 个答案:

答案 0 :(得分:3)

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

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

Updated fiddle