Привязка к параметрам тегов

Для привязки к параметрам тегов применяются следующие селекторы.

$("a[id]").css("color", "red");

Цвет текста ссылки станет красным, если тег <a> имеет параметр id.

<a id="link1" href="link1.html">Ссылка 1</a>
$("a[href='link1.html']").css("color", "red");

Цвет текста ссылки станет красным, если параметр href тега <a> имеет значение "link1.html".

$("a[href!='link1.html']").css("color", "red");

Цвет текста ссылки станет красным, если параметр href тега <a> не имеет значение "link1.html".

$("a[href^='li']").css("color", "red");

Цвет текста ссылки станет красным, если значение параметра href тега <a> начинается с "li".

$("a[href$='.html']").css("color", "red");

Цвет текста ссылки станет красным, если значение параметра href тега <a> оканчивается на расширение ".html".

$("a[href*='link']").css("color", "red");

Цвет текста ссылки станет красным, если значение параметра href тега <a> содержит фрагмент "link".

Если необходимо сделать привязку сразу к нескольким параметрам, то используется следующий формат.

[Параметр='Значение'][Параметр='Значение']

Пример:

$("a[href='link1.html'][id*='link']").css("color", "red");

Цвет текста ссылки станет красным, если значение параметра href тега <a> равно "link1.html", а параметр id содержит фрагмент "link".

Предыдущая статья Все статьи Следующая статья