Comment sélectionner élément annexe dans la liste UL

Question

Je veux ajouter un <li> à ma liste <ul> ci-dessous, au-dessus du .last-child:

<ul id="list"> 
    <li>item 1<li> 
    <li>item 2<li> 
    <li>item 3<li> 
    <li class="last-child"><li> 
</ul> 

J'utilise le code jQuery suivant pour le faire:

var result = '<li>item 4</li>'; 
$("#list li.last-child").before(result); 

Tout fonctionne bien. Cependant, je veux choisir la nouvelle ligne ajoutée ... Normalement, je suppose que je pourrais utiliser le code suivant pour sélectionner la dernière <li>:

var $newrow = $('#list').find('li:last'); 

Mais dans ce cas, je veux choisir la deuxième dernière <li>, comment Je sélectionne le second <li> dernier qui est celui que je viens d'insérer?

Ai-je un sens?

Merci d'avance!

Answer 1

var result = $('<li>item 4</li>'); 
$('#list li:last-child').before(result); 

// result reference is saved, so keep on using result. 

// However you could have used .prev() to anchor to the previous element.