2012-01-06 92 views
1

我創建tags-的列表,並希望添加刪除的父對象跨越這個按鈕 - 下面的代碼是我用來創建標籤訪問一個錨鏈接

<li> 
<span id="tag_'+html.id+'" class="tag">'+formvalue+' 
    <span class="remove_tag"> 
     <a class="remove_tag_link" href="#">x</a> 
    </span> 
</span> 
</li> 

如果JS我捕獲錨點標籤上的點擊我將如何使用在ID中傳遞的ID(用於標識標籤)來刪除開始li(以及其中包含的所有內容)?

+0

它們是動態添加的嗎?即一旦頁面被初始加載? – ManseUK 2012-01-06 10:57:51

+0

工作[示例](http://jsfiddle.net/M65rC/)。 – 2012-01-06 11:14:09

+0

我在一個頁面中檢查了這個,然後粘貼到小提琴上,我在我的小提琴中觀察到了這個問題,但是如果你在一個頁面中使用這個問題,這個問題就會起作用。 – 2012-01-06 11:15:24

回答

0

您可以更輕鬆地結合的Click事件的li元素,並使用

$(this).remove(); 

您的處理程序中刪除它。

2

試試這個

$('.remove_tag a').on('click', function(event){ 
    event.preventDefault(); 
    $(this).parents('li').remove(); 
}) 
+0

這可能會產生不需要的效果,比如說它包含在更高層次的li中。我建議將它改爲'$(this).parents('li')。first()。remove();' – pederOverland 2012-01-06 11:06:31

0
$(".remove_tag_link").click(function(e){ 
    e.preventDefault(); 
    $(this).closest('li').remove(); 
}); 
0

你並不需要使用ID做什麼你問。這將刪除包含點擊鏈接的li ...

$(function() { 
    $(".remove_tag_link").click(function() { 
     $(this).parent().parent().remove(); 
    }); 
});