Сценарий у меня дваdivs: один, где я выбираю элементы (divResults) и он переходит к следующему div (divSelectedContacts). Когда я выбираю его, я ставлю галочку рядом с ним. То, что я хочу сделать, это когда я выбираю его снова, я хочу удалить галочку, а также удалить элемент изdivSelectedContacts.

Вот код:

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

Я не знаю, как выбрать первыйspan вli с помощью$(this), Буду признателен за любую оказанную помощь.