Сценарий, я имею два div
s: каждый - то, где я выбираю объекты (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)
. Любая справка очень ценится.
Несколько способов:
$(this).find('span:first');
$(this).find(':first-child');
$(this).find('span').eq(0);
Обратите внимание, что вам не нужно использовать $ (deleteElement)
, поскольку deleteElement
уже является jQuery объект. Вы можете сделать это так:
$(this).find('span:first').remove();
Чтобы получить первого ребенка из $ (this)
, используйте это:
$(this).find(":first-child");
или вы можете просто бросить все это в селектор...
$('span:first', this);