Javascript 如何使用jQuery将div添加为倒数第二个div?

Javascript 如何使用jQuery将div添加为倒数第二个div?,javascript,jquery,dynamic,Javascript,Jquery,Dynamic,我知道.append将代码放在末尾,.prepend将代码放在前面,但我在一个父div中有5个div,我希望在最后一个子div之前动态添加一些html代码。我如何做到这一点?使用insert before。有关更多信息,请参阅 var insertedElement = parentElement.insertBefore(newElement, referenceElement); $('#parent>div:last child')。在('something')之前; 你也可以把整个

我知道.append将代码放在末尾,.prepend将代码放在前面,但我在一个父div中有5个div,我希望在最后一个子div之前动态添加一些html代码。我如何做到这一点?

使用insert before。有关更多信息,请参阅

var insertedElement = parentElement.insertBefore(newElement, referenceElement);
$('#parent>div:last child')。在('something')之前;

你也可以把整个事情翻过来

$('<span>something</span>').insertBefore('#parent > div:last-child');
$('something').insertBefore('parent>div:last child');

您可以使用
:last
伪选择器和
.before()
方法

这是一把小提琴:


儿童组1
儿童事务组2
儿童事务组3
儿童组4
儿童事务组5
$('#parent div:last')。之前('此处有一些文本')

如何将父级附加到其最后一个子级?我不想附加父级div。。。我添加了另一个div更改了我的措辞以使其更清晰这将在
div
中选择
div
(这可能不是OP想要的)。
$('<span>something</span>').insertBefore('#parent > div:last-child');
$('#main div:last-child').before("yourhtmlhere");
<div id='parent'>
    <div> child div 1</div>
    <div> child div 2</div>
    <div> child div 3</div>
    <div> child div 4</div>
    <div> child div 5</div>
</div>

$('#parent div:last').before('some text goes here ')