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

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

Пример

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

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

<!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>

Категории

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

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

Комментарии