父级的 jQuery 父级

Question

我目前正在尝试查找元素的父级的父级。 我在<td>有一个被点击的链接，我想获得<tr>对象。

为什么“$(this).parent().parent()”不起作用？ 什么会？

谢谢，
布伦丹

编辑：我的语法中的一个错误似乎把整个事情都搞砸了。 "$(this).parent().parent()" 确实有效，但我最终选择了 $(this).closest('tr')" 因为它似乎是最有效的解决方案。

Answer 1

最好的方法可能是使用closest ：

$(this).closest('tr');

查看文档：

Closest 首先查看当前元素以查看它是否与指定的表达式匹配，如果匹配则返回元素本身。 如果不匹配，它将继续向上遍历文档，父级一个父级，直到找到与指定表达式匹配的元素。 如果没有找到匹配的元素，则不会返回任何元素。

Answer 2

它应该工作。 您也可以尝试 $(this).parents(tag) ，其中 tag 是您要查找的标签。

例如：

$(this).parents("tr:first")

将找到最接近的 tr “上链”。

Answer 3

那应该有用……你可以试试

$(this).parents(':eq(1)');

.parents(selector) 表示获取与选择器匹配的所有祖先

:eq(1) 表示找到列表中的第一个（零索引，所以是第二个）元素

Answer 4

这个片段过去曾为我表演过：

$(this).parent().parent(); 

发布一些代码让我们看看是否还有其他问题......

Answer 5

也试试

$(this).closest('div.classname').hide();

Answer 6

如果你有任何类型的父级 id/class，你可以使用 parents() 但这会给你所有的父级到 < body > 除非你 filter() 或以其他方式停止它

$(this).parents('.myClass');

希望这对某人有所帮助:)

Answer 7

var getParentNode = function(elem, level) { 
    level = level || 1; 
    for (var i = 0; i < level; i++) {
        if (elem != null) {
            elem = elem.parentNode; 
        }
    }
    return elem; 
}

Answer 8

尝试将 $(this).parent() 包装到像 $($(this).parent()) 这样的 jQuery 对象中，我经常发现需要这样做以确保我有一个有效的 jquery 对象。 从那里你应该能够获得父母的父母，或者使用 prev() 。

Answer 9

.closest()并不总是最好的选择，特别是当您具有相同的元素构造时。

<div>
    <div>
        <div>
        </div>
    </div>
</div>

你可以做父母的父母，这很容易：

var parent = $('.myDiv').parent();
var parentParent = $(parent).parent();
var parentParentParent = $(parentParent).parent();

等等。