Question

<div id="container">
    <div class="sub">a</div>

    <span id="add">add</span>
</div>            

$('#add').click(function(){
   $('#container').append('<div class="sub">a</div>');
})

这个元素附加到底部的#container。如何在没有最后一个元素（#add）的情况下在底部添加此元素？我想在底部总是#add。

小提琴：http://jsfiddle.net/nk67d/

Answer 1

使用.before()，它会在匹配的元素之前添加标记。

$('#add').before('<div class="sub">a</div>');

完成答案：

$('#add').click(function(){
   $(this).before('<div class="sub">a</div>');
});

Answer 2

使用insertBefore(target);

$('<div class="sub">a</div>').insertBefore("#add");

你也可以使用before()

Answer 3

使用.before()方法在添加按钮

之前插入div

$('#add').click(function(){
   $(this).before('<div class="sub">a</div>');  
});

Answer 4

$('#add').click(function(){
   $(this).before('<div class="sub">a</div>');
})

DEMO HERE

Answer 5

尝试

$("#add").prepend('<div class="sub">a</div>');

请参阅小提琴：http://jsfiddle.net/nk67d/1/

Answer 6

$('#add').click(function(){
    $('#container #add').before('<div class="sub">abcd</div>');
})

附加没有最后一个元素

6 个答案: