Этот сайт использует cookies. Продолжение работы с сайтом означает, что Вы согласны!
Привязка к элементам документа
Выполнить поиск элемента с учетом заданного отношения к другому элементу HTML-документа можно следующими способами.
Элемент1 Элемент2
— находимЭлемент2
, который располагается внутри контейнераЭлемента1
$("div a").css("color", "red");
Цвет текста ссылки станет красным, если тег <a>
находится внутри тега <div>
.
<div><a href="link.html">Ссылка</a></div>
Элемент1 > Элемент2
— находимЭлемент2
, который является дочерним дляЭлемента1
$("div > a").css("color", "red");
Цвет текста ссылки станет красным, если тег <a>
находится внутри тега <div>
и не вложен в другой тег.
<div>
<a href="link1.html">Ссылка 1</a><br>
<span><a href="link2.html">Ссылка 2</a></span>
</div>
В этом примере только первая ссылка станет красного цвета, так как вторая ссылка расположена внутри тега <span>
.
Элемент1 + Элемент2
— находимЭлемент2
, который является соседним дляЭлемента1
и следует сразу после него
$("div + a").css("color", "red");
Цвет текста ссылки станет красным, если тег <a>
следует сразу после тега <div>
.
<div>Текст</div><a href="link.html">Ссылка</a>
Элемент1 ~ Элемент2
— находимЭлемент2
, который следует послеЭлемента1
, причем необязательно сразу
$("div ~ a").css("color", "red");
Цвет текста ссылки станет красным, если тег <a>
следует после тега <div>
.
<div>Текст</div>
<span>Текст</span><br>
<a href="link1.html">Ссылка 1</a><br>
<a href="link2.html">Ссылка 2</a><br>
<span><a href="link3.html">Ссылка 3</a></span><br>
<a href="link4.html">Ссылка 4</a><br>
В этом примере ссылки 1, 2 и 4 станут красного цвета. Ссылка 3 не станет красного цвета, так как расположена внутри тега <span>
.
При необходимости можно составлять выражения из нескольких селекторов.
$("div span a").css("color", "red");
Цвет текста ссылки станет красным, если тег <a>
расположен внутри тега <span>
, а тот в свою очередь вложен в тег <div>
.
<div>
<a href="link1.html">Ссылка 1</a><br>
<span>
<a href="link2.html">Ссылка 2</a><br>
</span>
</div>
В этом примере только ссылка 2 будет красного цвета.
Самоучитель по jQuery Учебник по jQuery 3.5.1 и AJAX в формате PDF
Помощь сайту
Yandex-деньги: 410011140483022
ПАО Сбербанк:
Счет: 40817810855006152256
Реквизиты банка:
Наименование: СЕВЕРО-ЗАПАДНЫЙ БАНК ПАО СБЕРБАНК
Корреспондентский счет: 30101810500000000653
БИК: 044030653
КПП: 784243001
ОКПО: 09171401
ОКОНХ: 96130
Скриншот реквизитов