Come rimuovere l'ultimo DIV usando jQuery?

Question

Ho il seguente formato:

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

Voglio un codice jQuery per rimuovere l'ultimo "post" DIV nel "Container1" con un effetto di dissolvenza.

Importante: il "contenitore1" non ha un numero DIV "post" specificato. quindi il codice dovrebbe semplicemente selezionare l'ultimo div "POST" nel div "container1".

Grazie

Answer 1

$('#container1 #post:last').fadeOut() sarebbe rimuovere l'ultimo div con l'ID "post" in "container1".

Inoltre, come ha detto Gumbo, gli ID devono essere unici. Tuttavia, questo codice jQuery funzionerà ancora.

Answer 2

IDs must be unique in a document. Così il selettore #post probabilmente non funzionerà. Ma questo dovrebbe funzionare in ogni caso:

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

Answer 3

Per regolare con precisione i tempi dissolvenza è possibile utilizzare nascondere invece:

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

Answer 4

invece di .fadeout, è necessario utilizzare .Remove per rimuovere l'elemento dalla div contenitore. Fadeout esegue la transizione di dissolvenza, tuttavia l'elemento rimane nel DOM e verrà conteggiato se si modifica la dimensione del div.

Answer 5

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

rimuoverà ultima div e così via finché tutto div vengono rimossi.

Answer 6

Questa svanisce fuori e rimuove dal DOM

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