jQuery删除特定的子项

问题描述

| 我有以下代码：

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

我可以将

.TopNotificationIcon

替换为

this

，即在此特定类中仅存在

span

。 这是结构

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

单击“ 1”时，应删除“ 3”。     

解决方法

如果您有event1ѭ的点击事件，则可以执行以下操作

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

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

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

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

});

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

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

js小提琴：http：//jsfiddle.net/UNhhh/1/     ,尝试这个...

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

这将删除所有具有类TopNotificationIcon的span元素以及子元素     ,如果要删除TopNotification下的所有范围，可以执行以下操作：

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

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