Come eliminare il primo figlio di un elemento ma fatto riferimento da $ (questo) in Jquery?

Question

Lo scenario è che ho due div s: uno è dove seleziono gli articoli (divResults) e va al div successivo (divSelectedContacts). Quando lo seleziono, metto un segno di spunta accanto ad esso. Quello che voglio fare è quando lo seleziono di nuovo Voglio rimuovere il segno di spunta e rimuovere anche l'elemento da divSelectedContacts.

Ecco il codice:

$("#divResults li").click(function() 
{ 
    if ($(this).find('span').size() == 1) 
    { 
     var copyElement = $(this).children().clone(); 
     $(this).children().prepend("<span class='ui-icon ui-icon-check checked' style='float:left'></span>"); 
     $("#divSelectedContacts").append(copyElement); 
    } else 
    { 
     var deleteElement = $(this).find('span'); //here is the problem how to find the first span and delete it 
     $(deleteElement).remove(); 
     var copyElement = $(this).children().clone();//get the child element 
     $("#divSelectedContacts").find(copyElement).remove(); //remove that element by finding it 
    } 
}); 

non so come selezionare il primo span in un li utilizzando $(this). Ogni aiuto è molto apprezzato.

Answer 1

Diversi modi:

$(this).find('span:first'); 

$(this).find(':first-child'); 

$(this).find('span').eq(0); 

Si noti che non è necessario utilizzare $(deleteElement) come deleteElement è già un oggetto jQuery . Così si può fare in questo modo:

$(this).find('span:first').remove(); 

Answer 2

per ottenere il primo bambino di $(this) uso questo:

$(this).find(":first-child"); 

Answer 3

o si può solo buttare tutto nel selettore ...

$('span:first', this);