jquery删除特定的孩子

Question

我有以下代码：

$('.TopNotificationIcon span').remove();    

我可以将.TopNotificationIcon替换为 this ，即此特定类中只存在span。

这是结构

<div class="TopNotificationIcon"><span>xxxxx</span></div>

点击.TopNotificationIcon后，应删除span。

Answer 1

如果你有.TopNotificationIcon的点击事件，你可以做这样的事情

$('.TopNotificationIcon').click(function(){
    $('span',this).remove();    
});

Answer 2

我会使用find（）方法，因为它似乎是最快的：

$("div.TopNotificationIcon").click(function() {

    $(this).find("span").remove();    

});

Answer 3

是的，但您需要将该行更改为：

$(this).children('span').remove();

jsfiddle：http://jsfiddle.net/UNhhh/1/

Answer 4

试试这个......

$('span').remove('.TopNotificationIcon');

这将删除具有TopNotificationIcon类和子元素

的所有span元素

Answer 5

如果要删除TopNotification下的所有范围，可以执行以下操作：

$('div').live('click', function(){
    $(this).children('span').remove();    
});

它将删除div中的所有孩子。