двигаться вверх в DOM

Question

двигаться вверх в DOM

0

Есть ли способ переместить шаги в DOM через JQuery или Javascript? (предпочтительно JQuery)

Чтобы избежать последовательности меток parent(), мне лучше использовать что-то такое, что могло бы означать что-то вроде этого:

$('.myElement').parent().parent().parent().fadeIn();

Это должно .final элемент .final в следующем примере:

<div class="final">
    <div>
       <div>
          <div class="myElement"></div>
       </div>
    </div>
</div>

gespinha 23 окт. 2013, в 04:55

Источник

2

нет элемента .final
Arun P Johny 23 окт. 2013, в 02:32
1

Ваш фрагмент не содержит элемент .final . Но, предполагая, что это находится в фактической разметке, попробуйте .closest('.final') .
Jonathan Lonowski 23 окт. 2013, в 02:32
1

Используйте селектор для любого родителя, которого вы хотите получить. Например, если верхний div находится в теле, вы можете сделать $('.myElement').parent('body div').fadeIn() ;
megawac 23 окт. 2013, в 02:32
1

Вы можете обратиться к этому решению: stackoverflow.com/questions/7093659/…
eggward 23 окт. 2013, в 02:33
1

возможный дубликат разницы между функцией jQuery parent () и closest ()
PW Kad 23 окт. 2013, в 02:33
0

$('.myElement').closest('.final').fadeIn();
Arun P Johny 23 окт. 2013, в 02:33

Показать ещё 4 комментария

Теги:

javascript

jquery

2 ответа

2

Предполагая, что .final является элементом-предком элемента .myElement, вы можете использовать .closest()

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

$('.myElement').closest('.final').fadeIn();

Arun P Johny 23 окт. 2013, в 00:58

Ещё вопросы

Ваш фрагмент не содержит элемент .final . Но, предполагая, что это находится в фактической разметке, попробуйте .closest('.final') .
Используйте селектор для любого родителя, которого вы хотите получить. Например, если верхний div находится в теле, вы можете сделать $('.myElement').parent('body div').fadeIn() ;
Вы можете обратиться к этому решению: stackoverflow.com/questions/7093659/…
возможный дубликат разницы между функцией jQuery parent () и closest ()

Christian Ternus · Accepted Answer · 2013-10-23T00-15-00.000Z

Это для чего .parents(). Чтобы получить N + 1-го родителя, выполните:

$(this).parents()[N])

Например, $(this).parents()[0] является первым родителем.

Так что же .final число в parent () должно увеличиваться как массив? [0] стоит за первого родителя?
.final должен быть [2] , так как он третий в списке родителей.
Вы можете заменить N вызовов функции .parent() на .parents()[N-1] .
Я уже пробовал тег closest (), но он не работает, не знаю почему
@GEspinha, обратите внимание, что parents могут легко сломаться, когда вы обновляете и изменяете DOM.