请看下面我的代码。这是我面临的问题的简化版本:我想在第二段之后插入一些文本,但不在 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>
最佳答案
将其替换为子选择器:
$( "<p><strong>I AM NEW TEXT</strong></p>" ).insertAfter( ".content > p:nth-child(2)" );
关于javascript - 停止影响子 child 的 Jquery nth-child,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32115056/