jQuery селектор с частичным вхождением атрибута


Опубликовано 23.01.2020


$(“a[href*=’part of value’]”);

Иногда бывает нужно найти элементы на странице не по точному значению атрибута, а только по его части. Особенно это может быть полезно при поиске ссылок, часть из которых имеют абсолютный URL, а часть относительный.

Все дело в звездочке, которая идет сразу после названия атрибута.

Например из такого списка ссылок:

<a href="fitst.html">First 1</a>

<a href="second.html">Second</a>

<a href="http://example.com/fitst.html">First 2</a>

<a href="http://example.com/second.html">Second 2</a>

По селектору

"a[href*='fitst.html']"

Будет найдено две ссылки, первая и третья.

<a href="fitst.html">First 1</a>

<a href="http://example.com/fitst.html">First 2</a>

Так как только у них в атрибуте встречается 'fitst.html'

 


Объявление
Stand with Ukraine!