jQuery：选择包含具有特定ID的元素的元素

Question

抱歉，如果这是重复的。 可能是，但是我已经搜索了这个特定的问题，但是找不到。

假设我有这样的HTML：

<tr>
  <td>
    <input id="hello">
  </td>
  <td>
    Hello
  </td>
</tr>

我想使用JQuery或Javascript选择<tr> ，该<tr>包含id="hello"的输入。

到目前为止，这是我的尝试：

var id = "hello";
var tr = $("tr:has('#" + id + "')");

但是，这既不专门搜索输入也不起作用。 如果您能对此有所了解，我将不胜感激。

Answer 1

贾斯珀，正如评论中提到的.closest() ， .closest() jQuery方法是实现这一目标的最快，最简单的方法。

$('#hello').closest('tr');
$('input[id="hello"]').closest('tr'); // more efficient method than escaping dots if say, your id attribute had periods.

Answer 2

可以使用parents()方法完成此操作：

var tr = $('#hello').parents('tr');

Answer 3

您可以尝试通过id来获取元素，然后通过该元素的parent元素closest()来获取。 这似乎是文档中的首选方法。 请注意，每页只能有一个id 。

这是一个示例以及指向文档的链接 ：

var yourElement = $("#hello").closest("tr");

如果您浏览文档，则会发现实现相同结果的多种方法。 希望能帮助到你。

Answer 4

在这里看看JQuery的closest()方法。

它遍历DOM树（从当前元素开始），直到命中与给定选择器匹配的元素。

您的案例示例：

$("#hello").closest("tr")