Jquery：如何添加更多代码来列出div / html标记

Question

我有代码div：

<div>content1</div>
<div>content2</div>
<div>content3</div>
<div>content4</div>

如何将代码添加到end div 2

<div>content1</div>
<div>content2</div>
<div class="a">Add content</div>
<div>content3</div>
<div>content4</div>

由于

Answer 1

在jquery中使用after()

$("div:eq(1)").after('<div class="a">Add content</div>');

或.insertAfter()

$('<div class="a">Add content</div>').insertAfter("div:eq(1)");

DEMO

Answer 2

如果你使用JQuery：

$("div:eq(1)").insertAfter('<div class="a">Add content</div>');

否则使用

parentNode

Answer 3

使用jQuery函数：after（）

$('div').eq(1).after('<div class="a">Add content</div>');