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

Question

I know that .append puts the code at the end, and .prepend puts it in the front, but I have 5 divs within a parent div, and I want some html code to be added dynamically right before the last child div. How can I do that?

Answer 1

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

jsFiddle .

You can flip the whole thing around too.

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

Answer 2

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

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

Answer 3

Use insert Before. Refer This for more.

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

Answer 4

You can use the :last pseudo selector and the .before() method

Here's a fiddle : 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 ')