在第二个图像jquery之后插入div

Question

我使用下面的代码在第一张图片后面插入一个div，效果很好.. 是否可以在第二张图像后插入它？

我的代码是：

$(document).ready(function () {
    $(".gdl-blog-full").find("img:first").after("<div id='1' style='width:800px; height:90px; float: left; margin-top:10px; margin-bottom:15px;'><div class='gad' style='width: 728px; height:90px; float: left; margin-left: 36px;'></div></div>");
});

Answer 1

尝试:eq与:nth()

相同

$(".gdl-blog-full").find("img:nth(1)")

  

：nth（），：eq（）索引从0开始

或:nth-child()

$(".gdl-blog-full").find("img:nth-child(2)")

  

：nth-​​child（）索引从1开始

或.eq()

$(".gdl-blog-full").find("img").eq(1)

Answer 2

使用eq：further reading :eq

$( document ).ready(function() {                     
    $(".gdl-blog-full").find("img:eq(1)").after("<div id='1' style='width:800px; height:90px; float: left; margin-top:10px; margin-bottom:15px;'><div class='gad' style='width: 728px; height:90px; float: left; margin-left: 36px;'></div></div>");
});