Jquery选择每12个可见元素

Question

正如标题所说，我如何选择每个可见的第12个元素？ 我试过以这些方式搜索它：

$("#content_div > div > img:nth-child(12n):visible").after("<div></div>");
$("#content_div > div > img:visible:nth-child(12n)").after("<div></div>");

没有一种方法可以使用

Answer 1

$("#content_div > div > img:visible:nth-of-type(12n)").after("<div></div>")

请参阅:nth-of-type() Selector

＆＃13;

＆＃13;

$.each(new Array(36), function() {
  $("#content_div > div").append(
    $("<img>")
  )
});

$("#content_div > div > img:visible:nth-of-type(12n)").after("<div>visible</div>")

＆＃13;

img {
  width:50px;
  height:50px;
  background:navy;
  padding:1px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="content_div">
 <div></div>
</div>

＆＃13;

＆＃13;

＆＃13;