пример
Возвращайтесь элементы , которые являются прямыми потомками <ul> :
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px
solid red"});
});
Результат:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Попробуй сам " Определение и использование
children() метод возвращает все прямые дети выбранного элемента.
DOM дерево: Этот метод только пройти один уровень вниз по дереву DOM. Для того, чтобы пройти несколько уровней вниз (для возвращения внуков или других потомков), используйте find() метод.
Совет: Для того, чтобы пройти один уровень вверх по дереву DOM, или весь путь до корневого элемента документа (для возвращения родителей или других предков), используйте parent() или parents() метод.
Примечание: Этот метод не возвращает текстовые узлы. Для возвращения всех детей , включая текстовые узлы, использовать contents() метода.
Синтаксис
$(selector).children( filter )| параметр | Описание |
|---|---|
| filter | Необязательный. Задает выражение селектора, чтобы сузить поиск детей |
Попробуйте сами - Примеры
Возвращение все прямые дети <ul>
Как вернуть все прямые дети с <ul> элемента.
Сужая поиск
Как использовать параметр фильтра для возврата всех <li> элементы с именем класса "первый", которые являются прямыми потомками <ul> .
Возврат всех <p> элементы , которые являются прямыми потомками <div>
Как выбрать все <p> элементы , которые являются прямыми потомками своих родителей <div> элемента.
Покажите потомков элемента по именам тегов
Демонстрация , которая показывает , кто потомки <div> элемент на самом деле.