Question

假设我有一些像这样的HTML：

<div class="outer">
    <div>
        // another div
    </div>
    <p>First paragraph in outer div</p>
    <div>
        // another div
    </div>
    <a href="#">some anchor</a>
    <p>Second paragraph in outer div</p>
    <div>
        <p>Third paragraph in outer div</p> 
    </div>
    <div class="inner">
        <p>First paragraph in inner div</p>
        <p>Second paragraph in inner div</p>
    </div>
</div>

如何获得外部DIV中的副图而不是内部DIV？

由于

Answer 1

$('.outer').children('p')或$('.outer > p')

请参阅Child Selector (“parent > child”)和.children()

如果你有一些段落不是外部div的直接子节点，你可以使用

$('.outer p').not('.inner p')

请参阅.not()

Answer 2

您可以使用直接子选择器：

.outer > p {
    ...
}

正如其名称所示，它将获取所有p元素，这些元素是其属性为outer的所有元素的直接子元素。

使用 jQuery ，它将是$('.outer > p')。

<强>更新

我在评论中了解你所要求的唯一方法是：

.outer > p, .outer div:not(.inner) p {
    ...
}

这样做的目的是选择与上面相同的元素，以及<p>内<div>内.outer内部.inner标记内的{{1}}标记。我不认为这是达到你想要的最好的方法，但至少是一个解决方案，希望有所帮助。

jquery在div中获取段落

2 个答案: