如何使用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();
});