场景是我有两个Div,一个是我选择项目(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
}
});
我不知道如何使用$(this)在li中选择第一个跨度.任何帮助深表感谢.
解决方法
几种方式：
$(this).find('span:first');
$(this).find(':first-child');
$(this).find('span').eq(0);
请注意,您不需要使用$(deleteElement)作为deleteElement已经是一个jQuery对象.所以你可以这样做：
$(this).find('span:first').remove();
