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

如果你想删除 TopNotification 下的所有 span，你可以这样做：

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

它将删除 div 中的所有子元素。

Answer 4

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

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

js fiddle: http://jsfiddle.net/UNhhh/1/< /a>

Answer 5

试试这个...

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

这将删除具有 TopNotificationIcon 类的所有 span 元素以及子元素