Question

我知道.append将代码放在最后，而.prepend将它放在前面，但是我在父div中有5个div，我希望在最后一个子div之前动态添加一些html代码。我怎么能这样做？

Answer 1

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

jsFiddle

你也可以翻转整个事物。

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

Answer 2

$('#main div:last-child').before("yourhtmlhere");

http://api.jquery.com/before/

Answer 3

使用insert Before。有关详情，请参阅This。

var insertedElement = parentElement.insertBefore(newElement, referenceElement);

Answer 4

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

这是一个小提琴：http://jsfiddle.net/Aq6eu/

<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 ')

如何使用jQuery添加div作为第二个到最后一个div？

4 个答案: