当类名以某个单词开头时选择一个元素

Question

假设我有以下元素:

<div class="home">
    <div class="tab231891230"></div>
    <div class="tab121232441"></div>
    <div class="tab123134545"></div>
</div>

如何使用jQuery选择类开头的div元素"tab"？

Answer 1

它被称为属性开始选择器.我的示例在元素上设置了红色文本颜色:

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

jsFiddle演示

请注意,如果元素具有多个类,而另一个元素位于具有tabinside(class="nyedva tab231891230")的元素之前,则此选择器将不会选择该元素.

如果您想要选择这些,您可以使用此示例:

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

jsFiddle演示

Answer 2

如果一个元素中有多个类,请使用此选项

$("[class*='tab']");

它将与这样的元素一起使用

<div class="home">
<div class="module tab231891230"></div>
<div class="module tab121232441"></div>
<div class="module tab123134545"></div>

参考:jquery属性包含选择器

Answer 3

你可以这样做:

$('div[class^="tab"]');

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