如何选择具有相同前缀的多类

Question

如何选择以foo-class-开头的多类，即jQuery中的foo-class-1，foo-class-2，foo-class-3 ...

Answer 1

使用Attribute Starts With Selector：

尝试此操作

CASE 1 ：当您拥有元素的单个类

时

var $class = $('[class^="foo-class-"]');

案例2 ：如果您有一个元素的多个类（信用到Adeneo ）

var $class = $('[class]').filter(function(){
    return (" " + this.className).indexOf(' foo-class-') != -1;
});

Answer 2

SEE HERE

$("[class^='foo-class']") 

您可以指定所需的属性来代替class

Answer 3

var foos = $('*', parent_selector).filter(function() {
              return (" " + this.className).indexOf(' foo-class-') != -1;
           });

Answer 4

如果您的class=""属性有多个课程，那么您可能最好选择推出自定义.filter()选项。

这里我使用正则表达式来过滤掉具有foo-class-类值的元素。我的正则表达式虽然生锈，所以我确信这是次优的，但你应该得到要点。

var candidates = $('div'); // or some preliminary selection
var finalists = candidates.filter(function () {
    return !!/\bfoo-class-.*/.exec(this.className);
});