jquery删除特定的子项

jquery remove specific children

本文关键字：删除 jquery      更新时间：2023-09-26

我有以下代码：

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

我可以用this替换.TopNotificationIcon吗？即，该特定类中只存在span。

这就是的结构

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

单击.TopNotificationIcon时，应删除span。

如果您有.TopNotificationIcon的点击事件，您可以执行类似的操作

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

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

$("div.TopNotificationIcon").click(function() {
    $(this).find("span").remove();    
});

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

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

它将删除分区中的所有子级。

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

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

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

试试这个。。。

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

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

相关文章：