jquery - 如何使用jquery在表中查找td的父tr？

Question

我正在研究 asp.net mvc 3。我有以下结构，

<tr data-uid="123">
<td>
<a href="#" id="click">Click Me</a>
</td>
</tr>

现在我想找到标签数据属性值。我尝试过，

$("a#click").click(function(){
 var i= $(this).parent('td').parent('tr').data('uid');
});

但对我不起作用。请指导我。

Answer 1

您可以使用closest如果不想在每个级别爬取父级，则获取所查询的选择器的最近父级的方法。

$("#click").click(function(e){
    e.preventDefault();

    var $i = $(this).closest('tr').attr('data-uid');
    console.log($i);

    var $j = $(this).closest('tr').data('uid');
    console.log($j);
});​

e.preventDefault() 只是为了防止默认操作。如果不需要，可以将其删除。

还要确保您的 tr 包含在表格标记内以使其正常工作..

FIDDLE HERE