刪除與jquery不在父母

Question

如何刪除所有<li>標籤(ul.gallery li)當點擊<button>。
該按鈕不在<ul>之外。

<div class="gallery"> 
    <ul class="gallery-list"> 
    <li> 
     <img src="sample"> 
    </li> 
    <li> 
     <img src="sample">   
    </li> 
    <li>  
     <img src="sample">    
    </li> 
    </ul> 
    <button class="button"></button> 
</div> 

jQuery的

jQuery('.button').on('click', function(e) { 
    e.preventDefault(); 
    jQuery(this).parents('.gallery li').animate({ opacity: 0 }, 300,function() { 
     jQuery(this).remove(); 
    }); 
}); 

由於提前，

Answer 1

嘗試這樣的：

jQuery('.button').click(function(e){ 
    e.preventDefault(); 
    jQuery('.gallery .gallery-list li').remove(); 
}); 

或像這樣根據您的代碼：

jQuery('.button').on('click', function(e) { 

    e.preventDefault(); 
    var gallery = jQuery(this).parents('.gallery'); 

    jQuery(gallery).animate({ opacity: 0 }, 300, function() { 

     jQuery(".gallery-list li", jQuery(gallery)).remove(); 

    }); 

}); 

Answer 2

正如您正在尋找刪除類gallery-list下的所有li元素。你可以嘗試如下 -

jQuery('.button').on('click', function(e) { 
    e.preventDefault(); 
    jQuery('.gallery-list > li').animate({ 
    opacity: 0 
     }, 300, function() { 
     jQuery(this).remove(); 
    }); 

});