Оглавление скрыть


Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


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

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

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

Пример

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!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() с текстом внутри тега.

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

Опубликовано: 12 декабря 2011  ·  Автор: Артём Фёдоров  ·  7413 просмотров

Категория

ГлавнаяПрограммированиеJavaScriptБиблиотекиjQueryЭлемент по атрибуту (jQuery)

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

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

© 2010-2017 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания