Jak usunąć pierwsze dziecko elementu, ale odwołuje się przez $ (this) w Jquery?

Question

Scenariusz to mam dwa div s: jeden jest tam, gdzie wybieram pozycje (divResults) i przechodzi do następnego div (divSelectedContacts). Kiedy go wybieram, umieszczam obok niego znacznik wyboru. Co chcę zrobić, gdy wybiorę go ponownie, chcę usunąć zaznaczenie, a także usunąć element z divSelectedContacts.

Oto kod:

$("#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 
    } 
}); 

nie wiem jak wybrać pierwszą span w li użyciu $(this). Każda pomoc jest doceniana.

Answer 1

kilka sposobów:

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

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

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

pamiętać, że nie trzeba używać $(deleteElement) jako deleteElement jest już obiekt jQuery . Więc można zrobić to tak:

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

Answer 2

Aby uzyskać pierwsze dziecko z $(this) wykorzystania tego:

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

Answer 3

lub można po prostu wyrzucić je wszystkie do selektora ...

$('span:first', this);