Как удалить первый дочерний элемент элемента, но ссылаемый $ (это) в JQuery?

Сценарий, я имею два divs: каждый - то, где я выбираю объекты (divResults) и это переходит к следующему отделению (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 в a li использование $(this). Любая справка очень ценится.

16
задан YakovL 26 November 2017 в 21:02
поделиться

3 ответа

Несколько способов:

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

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

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

Обратите внимание, что вам не нужно использовать $ (deleteElement) , поскольку deleteElement уже является jQuery объект. Вы можете сделать это так:

$(this).find('span:first').remove();
30
ответ дан 30 November 2019 в 16:24
поделиться

Чтобы получить первого ребенка из $ (this) , используйте это:

$(this).find(":first-child");
5
ответ дан 30 November 2019 в 16:24
поделиться

или вы можете просто бросить все это в селектор...

$('span:first', this);
5
ответ дан 30 November 2019 в 16:24
поделиться
Другие вопросы по тегам:

Похожие вопросы: