Question

如果我使用

        $("#list1 li:first").css("border","1px solid green");

它不起作用。而如果我改为

        $("ul:first li:first").css("border","1px solid green");

有效。看起来如果我使用伪选择器，我将只使用伪选择器而不是与特定id混合。为什么？有什么想法吗？

<body>
        <h1>JQuery Various Selection/Filtering</h1>
        <ul id="#list1">
            <li class="a">List 0</li>
            <li class="b">List 1</li>
            <li class="a">List 2</li>
            <li class="b">List 3</li>
        </ul>
        <ul id="#list2">
            <li class="a">List 0</li>
            <li class="b">List 1</li>
            <li class="a">List 2</li>
            <li class="b">List 3</li>
        </ul>
        <p class="a">Paragraph 0</p>
        <p class="b">Paragraph 1</p>
        <p class="a">Paragraph 2</p>
        <p class="b">Paragraph 3</p>
    </body>

Answer 1

删除您身份证中的＃。 http://jsfiddle.net/vd56mfgz/

    <ul id="list1">
        <li class="a">List 0</li>
        <li class="b">List 1</li>
        <li class="a">List 2</li>
        <li class="b">List 3</li>
    </ul>

具有特定id的Jquery .first伪选择器

1 个答案: