Выберите элемент, когда имя classа начинается с определенного слова
Предположим, что у меня есть следующие элементы:
Как я могу использовать jQuery для выбора элемента div, который class запускает с "tab"
?
- Эффективный, лаконичный способ найти следующий соответствующий друг?
- Случай селектора CSS для атрибутов
- Селектор jQuery для метки флажка
- Есть ли jQuery-подобный CSS / HTML-селектор, который можно использовать в C #?
- jQuery: исключить $ (this) из селектора
- jQuery выбрать все, кроме первого
- Как работают PrimeFaces Selectors как в update = "@ (. MyClass)"?
- Почему мой jQuery: not () не работает в CSS?
- jQuery выбрать по classу VS выбрать по атрибуту
- Как я могу получить идентификатор элемента с помощью jQuery?
- Разница между CSS-селектором и фильтром jQuery?
- использовать jQuery's find () для объекта JSON
- Более чистый способ выбора нескольких возможных значений атрибутов?
Он называется Атрибут начинается с селектора . Мой пример устанавливает красный цвет текста для элементов:
$('[class^="tab"]').css('color', 'red');
jsFiddle Demo
Обратите внимание, что если элементы имеют более одного classа, а другой предшествует class="nyedva tab231891230"
с tab
внутри ( class="nyedva tab231891230"
), этот элемент выбора не будет выбран.
Если вы хотите выбрать даже их, вы можете использовать этот пример:
$('.home div').filter(function () { return this.className.match(/\btab/); }).css('color', 'red');
jsFiddle Demo
Если у вас есть несколько classов внутри одного элемента, используйте это, чтобы выбрать
$("[class*='tab']");
Он будет работать с элементом вроде этого
Ссылка: атрибут jquery – содержит селектор
Вы можете сделать это следующим образом:
$('div[class^="tab"]');
зачем это использовать? это число, вы можете присвоить атрибуту rel или id, например:
то он будет доступен по адресу:
$('div.tab').click(yourhandler);
или даже, добавьте подclass этого текущего classа «tab»:
затем просто выберите class «tab», как в примере jQuery выше, и сделайте все, что захотите, со вторым classом (проверьте, есть ли он, удалите его).
проверьте их:
http://api.jquery.com/class-selector/
http://api.jquery.com/hasClass/