Target elements by class prefix

by

It is called the Attribute Starts With Selector. My example sets a red text color on the elements:

$('[class^="tab"]').css('color', 'red');

jsFiddle Demo

Please note that if the elements have more than one class and the other precedes the one with tab inside (class="nyedva tab231891230") the element won’t be selected by this selector.

If you want to select even these, you can use this example:

$('.home div').filter(function () {
    return this.className.match(/\btab/);
}).css('color', 'red');

jsFiddle Demo

More Related Contents:

  1. jQuery selectors with variables
  2. What is fastest children() or find() in jQuery?
  3. jQuery Selector: Id Ends With?
  4. Select element by exact match of its content
  5. jQuery OR Selector?
  6. jQuery selector value escaping
  7. jquery find versus context selection
  8. How can I change CSS display none or block property using jQuery?
  9. How to select last child element in jQuery?
  10. jQuery dot in ID selector? [duplicate]
  11. CSS selector case insensitive for attributes
  12. jQuery get all divs which do not have class attribute
  13. What CSS3 selectors does jQuery really support, e.g. :nth-last-child()?
  14. Difference between :hidden and :not(:visible) in jQuery
  15. How can I get the corresponding table header (th) from a table cell (td)?
  16. Select elements without any class [duplicate]
  17. jQuery attribute selector for multiple values
  18. jQuery: selector (classname with space)
  19. Find all elements based on ids using regex on jQuery selector
  20. JQuery data selector not updating with .data
  21. :nth-of-type() in jQuery / Sizzle?
  22. jQuery hasClass() – check for more than one class
  23. Changing the child element’s CSS when the parent is hovered
  24. addID in jQuery?
  25. CSS selector to select an id with a slash in the id name?
  26. Using jQuery how do I select a range of rows?
  27. How to select a table column with jQuery
  28. How to use multiple jquery object variables as selectors?
  29. Performance of jQuery selectors vs local variables
  30. Can jQuery selectors be used with DOM mutation observers?

Leave a Comment