从HTML Element获取jQuery对象

Question

这是我的代码：

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

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

并显示此错误

  

Uncaught TypeError：Object [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（）而不是nearest（），例如：

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

而不是

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