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


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


Поиск по двум классам (jQuery)

Поиск элемента в jQuery по двум и более классам осуществляется при помощи обычного селекторы выбора по классу и функции .filter().

Пример

Например есть маркированный список, у некоторых элементов которого, прописан класс <li class="popular">, и один элемент с классами <li class="popular current">, нужно этот элемент найти.

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Поиск по двум классам (jQuery)</title>

<style type="text/css">
.popular {font-style:italic; font-size:14pt;}
.current {font-weight:bold;}
</style>

<script type="text/javascript" src="/js/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    
    $('#test').click(function(){
        var test = $('.popular').filter('.current');
        alert(test.text());
    });
    
});
</script>

</head><body>

<ul>
    <li class="popular">Раз</li>
    <li>Два</li>
    <li class="popular">Три</li>
    <li>Четыре</li>
    <li class="popular current">Пять</li>
    <li>Шесть</li>
    <li class="popular">Семь</li>
    <li>Восемь</li>
    <li class="popular">Девять</li>
    <li>Десять</li>
</ul>

<input type="button" id="test" value="Получить элемент (с классом popular current)">

</body></html>
Опубликовано: 21 марта 2012  ·  Автор: chepro  ·  6927 просмотров

Категория

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

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

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

Комментарии

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

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

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

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

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

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