JQuery nth-child 選擇器僅適用於 :nth-child(1)

Question

我試圖在每 4 個 div 之后插入一些東西，這是我的 Jquery：

$( "<p>Test</p>" ).insertAfter(".top-car-img :nth-child(4n)");

但是，這是行不通的。 但是如果我用1替換4n ，那么它就可以工作並且每個元素都會得到 p-tag 。 為什么當我嘗試每 4 個元素時它不起作用？

Answer 1

 $(function() { $("<p>Test</p>").insertAfter('.top-car-img:nth-of-type(4n)'); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <img class="top-car-img" title="1" src=""/> <img class="top-car-img" title="2" src=""/> <img class="top-car-img" title="3" src=""/> <img class="top-car-img" title="4" src=""/> <img class="top-car-img" title="5" src=""/> <img class="top-car-img" title="6" src=""/> <img class="top-car-img" title="7" src=""/> <img class="top-car-img" title="8" src=""/> <img class="top-car-img" title="9" src=""/> <img class="top-car-img" title="10" src=""/>

Answer 2

您必須刪除元素和子元素之間的空間。

例子：

$( "<p>Test</p>" ).insertAfter(".top-car-img:nth-child(4n)");

代碼筆： http ://codepen.io/anon/pen/XdMLyq