Question

我正在使用下面的代码在主人div内的第二张图片之后插入动态div并且效果很好。我尝试修改它，以便我可以在第二个div之后插入另一个<p>，但它不起作用..任何想法？

我的代码：

$( document ).ready(function() {
 $(".post_text").find("img:eq(1)").after("<div id='1' style='width:643px; height:250px; margin-bottom:10px; background-color:#000;'><div class='gad' style='width: 300px; height:250px; float: left; margin-left: 171px;'></div></div>");
});

改性：

$( document ).ready(function() {
 $(".post_text").find("p:eq(1)").after("<div id='1' style='width:643px; height:250px; margin-bottom:10px; background-color:#000;'><div class='gad' style='width: 300px; height:250px; float: left; margin-left: 171px;'></div></div>");
});

我的HTML

<div class="post_text">
  <p>blah blah blah</p>
  <p>second p blah blah blah</p>
</div>

Answer 1

$( ".post_text" ).append( "<div id='1' etc..." );

将它放在最后一个p之后的div内。

Answer 2

问题出在find("p:eq(1)")，你使用索引1.因为它是基于0并且append将在元素之后添加它，你应该使用索引0。

$( document ).ready(function() { $(".post_text").find("p:eq(0)").after(""); });

这将在第一个（0）p元素之后添加它。而不是在第二个（1）之后添加它。

在div中第一个<p>之后插入一个div </p>

2 个答案: