我如何使用jQuery/JS在单击<;时显示回车行(<;tr>;);a>;

我如何使用jQuery/JS在单击<;时显示回车行(<;tr>;);a>;,jquery,dom,Jquery,Dom,这太尴尬了,我甚至想不起从哪里开始 我有许多表行看起来像这样。如何创建一些jQuery,允许单击x,从而从DOM中删除enter行 当然,我可以将一些标记硬编码到代码中,并使其适用于此特定情况,但是我希望它适用于任意数量的类似行。这就是我的大脑目前让我失望的地方 <tr><td>Well Name - <span class="urlOfProperty">http://mycompany.com/type/well-name</span> &

这太尴尬了,我甚至想不起从哪里开始

我有许多表行看起来像这样。如何创建一些jQuery,允许单击x,从而从DOM中删除enter行

当然,我可以将一些标记硬编码到代码中,并使其适用于此特定情况,但是我希望它适用于任意数量的类似行。这就是我的大脑目前让我失望的地方

<tr><td>Well Name - <span class="urlOfProperty">http://mycompany.com/type/well-name</span>
  <div class="close">[<a href="#">x</a>]</div></td>
</tr>
井名-http://mycompany.com/type/well-name
[]
您可以使用jquery中的方法:

$(".close a").on("click", function(e) {
    $(this).closest("tr").remove();
    e.preventDefault();
});
(或使用代表,可能更适合您的具体任务):

代码示例适用于jQuery1.7+

如果您使用的是较低版本,则可以使用:

$("table").delegate(".close a", "click", function(e) {
    $(this).closest("tr").remove();
    e.preventDefault();
});
有一点警告,这将绑定文档中所有表上的事件,可能会将表选择器更改为更为唯一。

在表上添加一个“my_table”id,并使用以下方法:


谢谢,这太完美了。我将升级jQuery并试一试。@Ankur为jQuery添加了代码,我刚刚试用了您的新代码,它与jQuery 1.6.4:配合得非常好:)
$("table").delegate(".close a", "click", function(e) {
    $(this).closest("tr").remove();
    e.preventDefault();
});
$(function(){
    $("#my_table").on('click','.close',function(event){
        event.preventDefault();
        $(this).closest('tr').remove();
    });
});