jquery 删除特定子代

Question

我有以下代码：

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

我可以用this替换.TopNotificationIcon ，即这个特定的class 中只存在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();

js小提琴： http://jsfiddle.net/UNhhh/1/

Answer 4

尝试这个...

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

这将删除所有带有 class TopNotificationIcon 的 span 元素以及子元素

Answer 5

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

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

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