Вставка div после первого <p> внутри div

Question

Вставка div после первого <p> внутри div

0

Я использую следующий код, чтобы вставить динамический 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>

Irene T. 02 май 2014, в 02:35

Источник

2

Кажется, здесь работает: jsfiddle.net/BFVLe
Adrift 02 май 2014, в 00:26
1

jsfiddle.net/arunpjohny/D63sQ/1 - вроде нормально
Arun P Johny 02 май 2014, в 00:26

Теги:

javascript

jquery

2 ответа

Ещё вопросы

Кажется, здесь работает: jsfiddle.net/BFVLe
jsfiddle.net/arunpjohny/D63sQ/1 - вроде нормально

Simon Karman · Answer 1 · 2014-05-07T05-32-00.000Z

Проблема заключается в find("p:eq(1)"), вы используете индекс 1. Так как он основан на 0, а append добавит его после элемента, вы должны использовать индекс 0.

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

Это добавит его после первого (0) p-элемента. Вместо добавления его после второго (1).

wazz · Answer 2 · 2014-05-01T22-13-00.000Z

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

поместит его в конец, внутри div, после последнего p.