jQuery删除特定的孩子答案

【问题标题】：jquery remove specific childrenjQuery删除特定的孩子
【发布时间】：2011-09-01 00:58:29
【问题描述】：

我有以下代码：

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

我可以用 this 替换 .TopNotificationIcon，即这个特定的类中只存在 span。

这是结构

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

点击.TopNotificationIcon，span 应该被删除。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

});

【讨论】：

@TheSuperTramp 使用的上下文只是find() 的简写。
是的，但这只是转过身来做一个find()，不是吗？那么，直接使用find() 不是更谨慎吗？
差异是如此之小，您应该使用对您来说更具可读性和逻辑性的那个:)。
@bazmegakapa - 我听过的大师总是说 find() > 上下文。我知道你在说什么，但最简单的形式最小的东西，在复杂的形式中可能更大。所以删除额外的操作可能会很明显。
这是我的大师们让我远离的那种微优化。

【解决方案3】：

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

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

试试这个...

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

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

【讨论】：