jQuery. Особенности использования .parent(), .parents(), .closest(), .siblings() - 9 Сентября 2011 - Interestabout blog - Блог
Главная » 2011 » Сентябрь » 9 » jQuery. Особенности использования .parent(), .parents(), .closest(), .siblings()
10: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()

Просмотров: 168 | Добавил: Sergey Saenko | Теги: siblings, javascript, closest, parent, jquery | Рейтинг: 0.0/0
Всего комментариев: 4
0  
4 Natashamic   (16.02.2012 22:01)
Где скачать XRumer 7.0.10 ELITE?
Дайте мне адрес , пожалуйста!
Это лучшая программа для массового размещения на форумах ! XRumer может сломать большинство видов каптч !

0  
3 Natashamic   (06.02.2012 07:59)
Где скачать X Rumer 7.0.10 Elite??
Дайте мне адрес , пожалуйста!
Это лучшая программа для массового размещения на форумах ! XRumer может сломать большинство видов каптч !

0  
2 Sergey Saenko   (07.02.2106 10:28)
спасибо, опечатку исправил

0  
1 SDemon   (07.02.2106 10:28)
В первых двух примерах вместо parent() использован parents()

Имя *:
Email:
Код *: