Question

我正在开发MVC5项目，在那里我使用删除按钮动态创建<a></a>属性。

jQuery的，

＆＃13;

 $("#divbindProjectlist").append('<a href="#" class="list-group-item projectList" ><span class="project-name">' + json.ProjectName + '</span><i class="pull-right close-p">x</i><input type="hidden" class="hidprojectId" value="' + json.idPartnerProject + '" /></a>');

＆＃13;

<div id="divbindProjectlist" class="left-top-p">
    <a class="list-group-item active left-menu-head">Projects List</a>
    <a href="#" class="list-group-item projectList"><span class="project-name">Test1</span><i class="pull-right close-p">x</i><input type="hidden" class="hidprojectId" value="0.48063279870308406"></a>
    <a href="#" class="list-group-item projectList"><span class="project-name">test2</span><i class="pull-right close-p">x</i><input type="hidden" class="hidprojectId" value="0.15416046484845514"></a>
</div>

＆＃13;

在这里，如何删除每个<a></a>属性，点击“删除”按钮？

请帮帮我......

Answer 1

可能是这样的

 $("#divbindProjectlist").find('a.projectList').click(function(){ this.remove();  });

这会在点击标签时附加标签的点击事件处理程序，它们将从dom中删除。注意不要注册多个事件监听器（因为我认为你将动态追加超过1次）

如果没有附加多个侦听器，您可以这样做

 var addingTag = $('<a href="#" class="list-group-item projectList" ><span class="project-name">' + json.ProjectName + '</span><i class="pull-right close-p">x</i><input type="hidden" class="hidprojectId" value="' + json.idPartnerProject + '" /></a>');
 $("#divbindProjectlist").append(addingTag);
 addingTag.click(function(){ this.remove();  });

上面的代码将创建一个标记并将其附加到您的div，它将仅通过其引用附加一个添加标记的事件。

Answer 2

 $("#divbindProjectlist").on("click", "a", function () {
            $(this).remove();   
        })

解决了这个问题

Answer 3

 $(document).ready(function (e) {
        $("i.close-p").click(function () {               
            $(this).parent("a").remove();
        });
    });

这样可以解决问题

如何从div中删除项目？

3 个答案: