刪除功能使用。這不起作用

Question

這是我創建的演示link。

在該鏈接中，「刪除父母」正在工作。但是，「刪除孩子」功能不起作用。

這裏是我使用的代碼：

$('.dec-child').on('click', function(){ 
    $(this.parent('.child:last').remove()); 
}) 

Answer 1

您尚未正確關閉this。

應該

$(this).parent('.child:last').remove(); 

而且選擇是錯誤的。

關於.dec-child,.child是兄弟姐妹，而不是父母。

$(this).siblings('.child:last').remove(); 

DEMO

如果你想使之成爲所有動態添加的子元素則必須使用事件委託的工作。

$('body').on('click',".dec-child", function(){ 
     $(this).siblings('.child:last').remove(); 
    }); 

Answer 2

你應該只是包裝this與jQuery所以它返回一個jQuery對象。

$('.dec-child').on('click', function(){ 
    $(this).parent('.child:last').remove(); 
}); 

Answer 3

我改變你的代碼

$('.dec-child').on('click', function(){ 
    $(this).parent().find('.child:last').remove(); 
}) 

上面的代碼將不會爲你工作，那麼試試這個，你的代碼將正常工作。

Answer 4

您的代碼不起作用，因爲<div class="child"></div>不是<a href="#" class="dec-child">remove previous Child</a>父母，在我們的情況下，如果你使用parent()你<div class="parent">，所以你需要，你應使用siblings，像這樣

$(document).on('click', '.dec-child', function() { 
    $(this).siblings('.child:last').remove(); 
}) 

Example

在這個div類中找到類.child，你可以這樣做

$(document).on('click', '.dec-child', function() { 
    $(this).parent().find('.child:last').remove(); 
}) 

Example

Answer 5

你的函數改爲

$('.dec-child').on('click', function(){ 
     $(this).parent().parent().find('.child').last().remove(); 
    }) 

請參閱的jsfiddle http://jsfiddle.net/mrvtwpjp/22/