Question

我正在创建一个标签列表 - 并希望添加一个删除按钮 - 以下代码是我用来创建标签的js

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

如果我捕获锚标记上的点击，我将如何使用第一个带有id的ID（以识别标记）删除开始li（以及其中包含的所有内容）？

Answer 1

试试这个

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

Answer 2

您可以更轻松地将click事件绑定到li元素，并使用

将其删除

$(this).remove();

在你的处理程序中。

Answer 3

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

Answer 4

您无需使用该ID来执行您所要求的操作。这将删除包含点击链接的li ...

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

访问锚链接的父span对象

4 个答案: