jquery - 从 HTML 元素中获取 jQuery 对象

Question

这是我的代码：

<tr><td><a href="javascript:void(0);" onclick="showObj(this);"></a></td></tr>

function showObj(object){
    var row = $(object).closest('tr');
}

它显示了这个错误

未捕获的类型错误：对象 [object HTMLAnchorElement] 没有“最近的”方法

如何将元素更改为 jQuery 对象或如何指向单击此锚点的表格行？

谢谢你。

Answer 1

一种更简洁的方法是为您的表提供一个 ID 并使用 jQuery 选择器获取行，如下所示：

$("#table tr td a").click(function(e) {
    e.preventDefault();
    var row = $(this).closest('tr');
});

还有你的 HTML：

<table id="table">
    <tr><td><a>Link 1</a></td></tr>
    <tr><td><a>Link 2</a></td></tr>
</table>

编辑：您也可以使用 jQuery 的 parents() 而不是最接近的()，例如：

var row = $(object).closest('tr');

代替

var row = $(object).parents('tr');