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 中的所有子項。