jQuery .last(). hide(). fadeIn() in allen Positionen in der Liste Verblassen

Question

$('#mainlist').last().hide().fadeIn(200); 

Warum dieses Versteck ist, und dann in allen Elementen in der Liste Verblassen?

Edit: Der Abschnitt von HTML:

<div id="mainbox"> 
    <ul id = "mainlist"> 

    </ul> 
</div> 

Meine js anhängt zum ul mit einem li, und dann läuft es der erste Code oben gezeigt.

Answer 1

Es liegt daran, dass nur ein Element in der Liste von $("#mainlist") zurückgegeben wird. Sie wählen die letzte #mainlist, die Ihre ul ist.

Die Methode .last() wählt das letzte Element in einer Liste von DOM-Elementen aus, nicht das letzte Kind der ausgewählten Elemente.

Vom jQuery docs:

ein jQuery Objekt gegeben, dass eine Reihe von DOM-Elemente darstellt, die .last() Methode erstellt ein neues Objekt jQuery von dem letzten Element in die eingestellt.

Sie möchten etwas wie $('#mainlist li').last().hide().fadeIn(200); stattdessen.

Answer 2

Es ist, weil Ihr #mainlist Element ein anderes Kind/Verpackung <ul> vor den Listenelementen (so dass es die Verpackung <ul>, also alle Elemente versteckt) hat. versuchen, genauer gesagt mit dem Selektor Vielleicht

$("#mainlist li").last().hide().fadeIn(200); 

EDIT By the way, dies setzt voraus, Ihre <ul> mit <li> Tags gefüllt ist.