javascript - 停止影响子 child 的 Jquery nth-child

Question

请看下面我的代码。这是我面临的问题的简化版本:我想在第二段之后插入一些文本，但不在 block 引用中。目前，我的 jquery 使我的新文本出现在内容中的第二段和 block 引用中的第二段之后。

我知道第 nth-child 是如何工作的，但还没有找到一种方法来限制它的运行范围。

谢谢。

<div class="content">
    <p>Lorem ipsum dolor sit amet.</p>
    <p>Lorem ipsum dolor sit amet.</p>
    <p>Lorem ipsum dolor sit amet.</p>
    <blockquote>
        <p>Lorem ipsum dolor sit amet.</p>
        <p>Lorem ipsum dolor sit amet.</p>
    </blockquote>
</div>

<script>
$( "<p><strong>I AM NEW TEXT</strong></p>" ).insertAfter( ".content p:nth-child(2)" );
</script>

Answer 1

将其替换为子选择器:

$( "<p><strong>I AM NEW TEXT</strong></p>" ).insertAfter( ".content > p:nth-child(2)" );