Добавление содержимого к уже существующему div в требуемой позиции

Question

Я хочу добавить новые div между уже существующими div, как показано в примере.

<div id='container1'>Some contents</div>
<div id='container2'>Some contents</div>
<div id='container3'>Some contents</div>
<div id='container4'>Some contents</div>
<div id='container5'>Some contents</div>

Теперь предположим, что я хочу добавить что-то после контейнера 4, но перед контейнером 5, используя AJAX.

Как это можно сделать с помощью Javascript?

Answer 1

.append in Jquery вставляет содержимое, указанное параметром, в конец каждого элемента в наборе соответствующих элементов.

$("#container4").append("<div>Something</div>");

Или используйте .before. Это добавит новый div к существующему div.

$("#container5").prepend("<div>Something</div>");

См. демо .

Answer 2

Я показываю вам, используя Jquery, вы можете получить представление:

jQuery('<div/>', {
    id: 'container6'
}).appendTo('#container4');

Или

$("#container5").before("<div></div>");

Answer 3

Используйте jquery .after() Здесь документация

Answer 4

Вы можете сделать это легко с помощью jQuery:

$("#container4").after("text to append");