jquery的關閉列表項目

Question

我是jQuery的新手......我希望創建一個ul列表（內聯），除了每個列表項以外，還有一個關閉標記X，單擊時應刪除該列表項（或關閉/隱藏它）...

對於例如：我想在這裏計算器添加標記到一個問題，當它出現在相同的效果。我們可以通過clickin X除了每個標籤

感謝刪除選定的標籤你提前幫忙

Answer 1

看看我剛​​剛製作的這個例子：http://jsfiddle.net/ZDgSX/1/。

即使世界很多方法對皮膚這隻貓，但我可能會做這樣，創建一個基本的列表：

<ul> 
    <li>Apple</li> 
    <li>Banana</li> 
    <li>Pear</li> 
    <li>Orange</li> 
</ul> 

然後，使用jQuery .append（）函數，上添加鏈接每一個像這樣的列表項的結束：

$('ul li').append(' <span>[<a href="#">X</a>]</span>'); 

這是這樣，沒有誰的JavaScript的人會不能夠點擊一個鏈接，將有效地爲他們做什麼都不對。

然後，您基本上需要做的就是爲「X」鏈接創建點擊事件，然後從DOM中刪除li元素。

$('ul span a').on('click', function(){ 
    $(this).closest('li').remove(); 
}); 

這是很多在第一左右讓你的頭，但更詳細地瞭解一下這些功能（及以上）做了一個很好的方式是通過讀取jquery文檔。

Answer 2

喜歡這個？ ：http://jsfiddle.net/s8rzu/1/