如何有效改变周围的div / parent属性？

Question

我的桌子上有一些单选按钮。 当我单击单选按钮时，我想更新两个环绕容器的ID属性（一个div和一个表）。 问题是，我需要上4和6级，而我知道如何做到这一点的唯一方法是parent（）。parent（）。parent（）。parent（）等。我正在寻找更好的解决方案，希望有人能指出我正确的方向。 您可以在此处看到“父子”树的图像：

http://imageshack.us/photo/my-images/834/imgkz.png/

我已经设置了clickhandler等。

基本上，我需要检查表的id属性是否为“ answeredTable”，否则请进行更改。 另外我还需要检查从表上向上的两个div是否已“回答”，如果没有，我也需要更改它。

谢谢

Answer 1

您可以使用.closest('#answeredTable')或.parents('#answeredTable') 。

使用.parent()仅选择DOM树上的第一个父元素，选择.closest()将允许您走到DOM树并进行匹配，直到找到该元素为止，而.parents()将返回该元素的整个父集。 DOM和整个父集中的match元素。

Answer 2

您需要使用.parents() DOM多个级别的.parents()

例如，在您的示例中，可以使用以下代码获取周围的div ：

$("#Q_18_2015").parents("div#answered")

顺便说一句， id应该是唯一的 ，否则您的代码可能无法正常工作。 您应该改用类。

<div class="answered">

因此，代码将变为：

$("#Q_18_2015").parents("div.answered")

前提是Q_18_2015实际上是唯一的ID

Answer 3

我认为您要使用的是最接近的http://api.jquery.com/closest/

Answer 4

你可以使用.parents

$("element").parent(".parentClass")

parents将使用DOM直到找到具有parentClass类的父母