Comment supprimer le premier enfant d'un élément mais référencé par $ (this) dans Jquery?

Le scénario est j'ai deux divs: l'un est là que j'ai sélectionner des éléments (divResults) et il va à la prochaine div (divSelectedContacts). Lorsque je sélectionne elle-je placer une coche à côté de lui. Ce que je veux faire, c'est lorsque je sélectionne à nouveau je veux enlever la coche et également supprimer l'élément de divSelectedContacts.

Voici le code:

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

Je ne sais pas comment faire pour sélectionner la première span dans un li à l'aide de $(this). Toute aide est très appréciée.

source d'informationauteur Raja

  1. 27

    Plusieurs façons:

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

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

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

    Notez que vous n'avez pas besoin d'utiliser $(deleteElement) comme deleteElement est déjà un objet jQuery. De sorte que vous pouvez le faire comme ceci:

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

    Pour obtenir le premier enfant de $(this) utiliser ceci:

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

    ou vous pouvez simplement jeter le tout dans le sélecteur... 

    $('span:first', this);