Главная » 2011 » Сентябрь » 09 » jQuery. Особенности использования .parent(), .parents(), .closest(), .siblings()
09:28
jQuery. Особенности использования .parent(), .parents(), .closest(), .siblings()
Для того чтобы найти родительский элемент(ы) выбранного узла, можно пользоваться похожими методами: .parent(), .parents(), .closest(). Для поиска соседних узлов пользуются .siblings().

Рассмотрим различия между ними:

Первый метод .parent() -  находит родителя строго на один уровень вверх, и, не имеет параметров.
Пример: $(this).parent()

Для того чтобы получить родителя от родителя нужно применять цепочку вызовов (произвольной глубины): $(this).parent().parent()....

Второй метод .parents([selector])  - возвращает список всех родительских узлов, и,  может содержать селектор, для уточнения набора родителей. 
Пример: $(this).parents("li.test")

Третий метод .closest(selector, [context]) - возвращает первый ближайший родительский узел или же текущий узел - которые удовлетворяют условию в селекторе (селектор обязательный). Может принимать контекст для уточнения поиска (набор узлов заранее выбранных).
Основные отличия его от .parents():
    - может вернуть и текущий узел
    - обязательный селектор
   - возвращает только первый элемент который попал под условие, поиск ведется тоже вверх по дереву.
Пример: $(this).closest("li.test") или $(this).closest("li.test", itemsList)

Ну и наконец последний метод .siblings([selector]) - возвращает набор соседних узлов (тех, которые имеют того же родителя что и текущий), может принимать уточняющий селектор.
Пример: $("ul li#id1").siblings()

Просмотров: 21842 | Добавил: Sergey Saenko | Теги: siblings, javascript, closest, parent, jQuery | Рейтинг: 0.0/0
Всего комментариев: 441 2 3 4 5 »
44 Катя  
0
89067078922

43 rardSow  
0
posso usare l'italiano or english

42 rardSow  
0
posso usare l'italiano or english

41 itacoarf  
0
Ciao a tutti vengo dall'italia

40 itacoarf  
0
Ciao a tutti vengo dall'italia

39 ltonnoine  
0
I am ltonser. I need help. What can i do it?

38 Wtilliamblamb  
0
[FREE zip] Full Music Album Album [Full Download] 2019
Music Album Great Music


You listen in: http://musicalbum.host



Music Album
Album Full# Download Music Album 2019 Working Zip
[Mp3 @Zip\ Telecharger Music Album Album Gratuit

37 Wtilliamblamb  
0
[FREE zip] Full Within Temptation – Resist Album [Full Download] 2019
Within Temptation – Resist Great Music


You listen in: http://bit.ly/2zsBZJB



Within Temptation – Resist
Album Full# Download Within Temptation – Resist 2019 Working Zip
[Mp3 @Zip\ Telecharger Within Temptation – Resist Album Gratuit

36 IriJukNox  
0
Этот вопрос

35 NatashAIdops  
0
Девочки здраствуйте!
Готовлюсь к борьбе за красоту! ;)

Посоветуйте, какой вы профессиональной косметикой или кремами пользуетесь?
Перелистала все форумы в интернете, ваш самый познавательный, вот решила спросить...

Буду рада вашим советам!

1-10 11-20 21-30 31-40 41-44
Имя *:
Email *:
Код *: