アンカーリンクのアクセス親スパンオブジェクト

Question

私は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（およびそれに含まれるすべて）を削除するにはどうすればよいですか？

Answer 1

あなたは、より簡単にli要素にクリックイベントをバインドし、あなたのハンドラ内

$(this).remove(); 

を使用して削除することができます。

Answer 2

は、あなたが求めているものを行うためにIDを使用する必要はありません。この

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

Answer 3

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

Answer 4

を試してみてください。これにより、クリックされたリンクを含むliが削除されます...

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