jquery - jquery 中的父选择器

Question

我有一个表格行，当单击“removerow”类的 anchor 时需要隐藏该行。

<tr><td>Product Name</td><td><a class="removerow">Remove</a></td></tr>

我一直在尝试这个，但它不起作用:

$("a.removerow").click(function(){
$(tr > this).hide();

});

如何选择带有“.removerow”子代的整个表格行。

我做错了什么？

谢谢。

Answer 1

jQuery 的 closest(selector) 函数将向上遍历并返回提供的最近的选择器。

(如果单击的元素与给定的选择器相同，则返回该元素。)

http://api.jquery.com/closest/

$("a.removerow").click(function(e){
    $(this).closest('tr').hide();
    e.preventDefault();
});

e.preventDefault() 将禁用 a 元素的默认行为。