JQuery: выберите элемент, содержащий элемент с определенным идентификатором

Question

Извините, если это дубликат. Возможно, это так, но я искал этот конкретный вопрос и не смог его найти.

Скажем, у меня есть HTML так:

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

Использование JQuery или Javascript, я хочу, чтобы выбрать <tr>, содержащий вход с id="hello".

Вот моя попытка до сих пор:

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

Однако это ни поиски входов конкретно, ни, кажется, работает. Если вы можете пролить свет на это, я буду очень благодарен.

Answer 1

Jasper, as haxxxton, упомянутый в комментариях, метод jQuery - самый быстрый и простой способ добиться этого.

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

Answer 2

Вы можете попытаться получить элемент по id, а затем closest()parent этого элемента. Это представляется предпочтительным способом в документации. Имейте в виду, что может быть только один id на страницу.

Вот пример и link to the documentation:

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

При просмотре через документации вы найдете несколько способов достижения того же результата. Надеюсь, поможет.

Answer 3

Посмотрите на closest() метод JQuery в here.

Он перемещается по дереву DOM (начиная с текущего элемента), пока не попадет на элемент, который соответствует данному селектору.

Пример для случая:

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

Answer 4

Это может быть сделано с помощью метода: parents()

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