Выберите элемент, когда имя classа начинается с определенного слова

Предположим, что у меня есть следующие элементы:

Как я могу использовать jQuery для выбора элемента div, который class запускает с "tab" ?

Он называется Атрибут начинается с селектора . Мой пример устанавливает красный цвет текста для элементов:

 $('[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"]'); 

См. http://api.jquery.com/attribute-starts-with-selector/

зачем это использовать? это число, вы можете присвоить атрибуту rel или id, например:

 

то он будет доступен по адресу:

 $('div.tab').click(yourhandler); 

или даже, добавьте подclass этого текущего classа «tab»:

 

затем просто выберите class «tab», как в примере jQuery выше, и сделайте все, что захотите, со вторым classом (проверьте, есть ли он, удалите его).

проверьте их:

http://api.jquery.com/class-selector/

http://api.jquery.com/hasClass/

http://api.jquery.com/addClass/

http://api.jquery.com/removeClass/

  • jQuery или CSS-селектор, чтобы выбрать все идентификаторы, начинающиеся с некоторой строки
  • Изменение CSS-элемента дочернего элемента при зависании родительского элемента
  • Селектор jQuery: Id заканчивается?
  • Что такое fastest children () или find () в jQuery?
  • Какие селектора CSS3 действительно поддерживают jQuery, например: nth-last-child ()?
  • Как получить выражение селектора jQuery в виде текста?
  • Выбор элементов с определенным цветом фона
  • Как выбрать конкретный элемент формы в jQuery?
  • полный календарный выбор ячейки на мобильном устройстве?
  • jQuery: выбрать class элемента и идентификатор одновременно?
  • Как получить доступ к свойствам стиля псевдоэлементов с помощью jQuery?
  • Давайте будем гением компьютера.