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")