¿Cómo eliminar el primer elemento secundario de un elemento al que hace referencia $ (esto) en Jquery?

Question

El escenario es Tengo dos div s: uno es donde selecciono elementos (divResults) y va al siguiente div (divSelectedContacts). Cuando lo selecciono, coloco una marca al lado. Lo que quiero hacer es cuando lo seleccione de nuevo Quiero eliminar la marca y también eliminar el elemento de divSelectedContacts.

Aquí está el código:

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

No sé cómo seleccionar la primera span en un li usando $(this). Cualquier ayuda es muy apreciada.

Answer 1

varias maneras:

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

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

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

Tenga en cuenta que no es necesario utilizar $(deleteElement) como deleteElement ya existe un objeto jQuery . Así que usted puede hacerlo de esta manera:

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

Answer 2

Para obtener el primer hijo de $(this) uso esto:

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

Answer 3

o que sólo se ponían todo en el selector ...

$('span:first', this);