Элемент по атрибуту (jQuery)

Если необходимо найти какие-либо элементы страницы по атрибуту (не по идентификатору и классу), то в поиске, в квадратных скобках просто указывается атрибут, равный нужному значению.

Документация jQuery по селекторам

Пример

Например есть HTML-страница, некоторые теги <P>, содержат атрибут title="expange", нужно эти теги найти.

Смотреть пример онлайн

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Элемент по атрибуту (jQuery)</title> <script type="text/javascript" src="/js/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('p[title="click"]').click(function(){ alert($(this).text()); }); }); </script> </head><body> <p title="click">Lorem ipsum dolor sit amet, consectetur adipisicing elit... <strong>(Нажми на эту строку)</strong></p> <p>Но чтобы вы поняли, откуда возникает это превратное представление людей...</p> <p title="click">But I must explain to you how all this mistaken idea... <strong>(Нажми на эту строку)</strong></p> </body></html>

В результате нажав правой кнопкой мыши на тег <P> с атрибутом title="expange", будет показано сообщение alert() с текстом внутри тега.

Смотреть пример онлайн

Категории

ПрограммированиеJavaScriptБиблиотекиjQuery

Читайте также

Комментарии