jQuery:只选择第一级子节点

Question

我正在尝试使用jQuery来实现一些相当容易的工作.我想要的只是选择所选节点的sibbling,而不是 sibbling的孩子!

<div id="test">
    <p>First Paragraph
        <p class='border2'>SUB paragraph
            <p class='border3'>SUB SUB paragraph</p>
        </p>
    </p>
    <p>Second Paragraph</p>
    <p>Third Paragraph</p>
    <p>Fourth Paragraph</p>
</div>

此刻我尝试了很多不同的东西,但它们并没有像预期的那样表现.我试过例如:

• $("div").find("p").andSelf().addClass("border");
• $("div > p").addClass("border");
• $("div p:first").nextAll().andSelf().addClass("border");
• $("#test ~ p").addClass("border");

我的代码片段可以在jsFiddle找到.

Answer 1

您将无法进行,因为您的标记无效.

你不能<p>嵌套在一个<p>嵌入式浏览器中p.

这是你的小提琴,但有更新的CSS,表明它们不再嵌套.

您只能在a中嵌套内联元素<p>.