摧毀特定Li和它的內容點擊一個鏈接

Question

後，我有這個

<ul> 
    <li id="any_list">Content to be destroyed</li> 
</ul> 

與此鏈接： <a href="#" onclick="return deleteList(document.getElementById('any_list'))">remove the list "#any_list"</a>

我怎麼能寫deleteList（）函數，以列表#any_list及其內容？

Answer 1

您可以使用parentNode屬性獲取元素的父級，並且可以使用removeChild方法刪除子元素。因此：

function deleteList(element) { 
    element.parentNode.removeChild(element); 
} 

Answer 2

http://jsfiddle.net/rMPdn/1/

試試這個，上面的例子： -

$("#any_list").each(function() { 
     $(this).remove(); 
}); 

Answer 3

這是最好不要污染的標記。首先給鏈接一個id。

<a href="#" id="delete_any_list">remove the list "#any_list"</a> 

然後簡單

$('#delete_any_list').click(function(e){ 
    $('#any_list').remove(); 
    e.preventDefault(); 
}); 

Answer 4

首先，添加一個id到你的錨和刪除任何內嵌JavaScript：

<a href="#" id="delete_any_list">remove the list "#any_list"</a> 

[它被認爲是不良的做法，這些天來不斷居然把任何JS直接寫入標記]。

然後，在你的jQuery document.ready功能補充一點：

$('#delete_any_list').click(function(ev) { 
    $('#any_list').remove(); 
}); 

見http://jsfiddle.net/alnitak/MbZpV/

Answer 5

$(function(){ 
    $("#delete_any_list").click(function(e){ 
     e.preventDefault(); 
     $("#any_list").remove(); 
    }); 
}); 

<a href="#" id="delete_any_list">Delete any list</a>