родительский элемент jQuery для родителя

Question 1

В настоящее время я пытаюсь найти родителя родительского элемента. У меня щелкнули по ссылке, которая находится в папке <td>, и я хотел бы получить <tr>объект.

Почему не работает "$ (this) .parent (). Parent ()"? Что будет?

Спасибо,
Брендан

Изменить: похоже, ошибка в моем синтаксисе отбрасывала все это. "$ (this) .parent (). parent ()" действительно работает, но я остановился на $ (this) .closest ('tr') ", потому что это кажется наиболее эффективным решением.

Question 2

Лучшим способом, вероятно, было бы использовать closest:

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

Ознакомьтесь с документацией :

Closest работает, сначала просматривая текущий элемент, чтобы увидеть, соответствует ли он указанному выражению, если да, он просто возвращает сам элемент. Если он не совпадает, он будет продолжать перемещаться по документу, родительский за родительским, пока не будет найден элемент, соответствующий указанному выражению. Если соответствующий элемент не найден, он не будет возвращен.

Question 3

Он должен работать. Вы также можете попробовать $ (this) .parents (tag), где tag - это тег, который вы хотите найти.

Например:

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

Найдет ближайший tr "вверх по цепочке".

Question 4

Это должно сработать ... вы можете попробовать

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

.Parents (селектор) говорит, что получить всех предков, которые соответствуют селектору

а: eq (1) говорит найти один (с нулевым индексом, поэтому второй) элемент в списке

Question 5

Этот фрагмент уже работал для меня в прошлом:

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

Отправьте нам код, чтобы узнать, не может быть где-то еще проблема ...

Question 6

также попробуйте

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

Question 7

Если у вас есть какой-либо идентификатор / класс для родителя, вы можете использовать parent (), но это даст вам всех родителей до <body>, если вы не filter () или не остановите его каким-либо другим способом, например

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

Надеюсь, это кому-то поможет :)

Question 8

Попробуйте обернуть $ (this) .parent () в объект jQuery, например $ ($ (this) .parent ()). Я часто нахожу необходимость сделать это, чтобы убедиться, что у меня есть действующий объект jquery. Оттуда вы сможете связаться с родителем-родителем или, возможно, с помощью prev ().

Question 9

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

Question 10

.closest() не всегда лучший вариант, особенно когда у вас есть такая же конструкция элемента.

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

Вы можете сделать родительский элемент родителя, и это очень просто:

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

и т.п.