如何使用jQuery删除最后一个DIV？

Question

我有以下格式：

<div id="container1">
<div id="post"> blah blah blah </div>
<div id="post"> blah blah blah </div>
<div id="post"> blah blah blah </div>
</div>

<div id="container2">
<div id="post"> blah blah blah </div>
<div id="post"> blah blah blah </div>
<div id="post"> blah blah blah </div>
</div>

我想要一个jQuery代码来删除“container1”中最后一个具有淡化效果的“post”DIV。

重要提示：“container1”没有指定的“post”DIV编号。 所以代码应该只选择“container1”div中的最后一个“POST”div。

谢谢

Answer 1

$('#container1 #post:last').fadeOut()将删除“container1”中ID为“post”的最后一个div。

此外，就像Gumbo所说，ID应该是唯一的。 但是，这个jQuery代码仍然有效。

Answer 2

ID必须在文档中是唯一的。 所以选择器#post可能不起作用。 但无论如何这应该工作：

$("#container1").children("div[id=post]:last").fadeOut();

Answer 3

而不是.fadeout，你应该使用.remove从包含div中删除元素。 Fadeout执行淡入淡出过渡，但是元素仍然保留在DOM中，并且在操作div的大小时将被计数。

Answer 4

要微调淡出时间，您可以使用隐藏：

$(document).ready(function() {
        $("#container2 div:last").hide(2000);
    });

Answer 5

$("#container1").children("div[id=post]:last").remove();

将删除最后一个div等等，直到所有div被删除。

Answer 6

这会将其淡出并将其从DOM中删除

$('#container1 #post:last').fadeOut('slow',function(){
    $(this).remove();
});