jQuery使用正则表达式查找具有可变类名称的元素？

Question

我试图获取其中具有特定类名的元素的数量，问题是，该类名的末尾有一个变量。 例如：

<div class="row">
    <div class="col">

    </div>
    <div class="col width-33">

    </div>
    <div class="col">

    </div>
</div>

我一直在尝试编写一个jquery脚本来获取存在的不同col的数量，并获取具有width-xx的类名的列数，其中XX可以为任何数字。

$('.col').parent().each(function(i){ //The container could be anything
    var numCols = $(this).children('.col').length;
    var numColsWidth = $(this).children('div[class^="width-"].col').length;
    console.log(numCols, numColsWidth);
});

我想输出为3 1 ，显示总共有3列，其中1列名为width-xx。

就像上面的示例所示，我已经尝试使用CSS选择器，但这并没有给我任何东西（输出3 0 ）

我也尝试过使用RegExp，但不确定如何将其添加到RegExp中

var widthClass = new RegExp("width-");
if(widthClass.test($('.col').attr('class'))){
    //do something
}

因此，我要做的就是计算类中包含单词“ width-”的元素的数量。

Answer 1

$('[class*="width-"]').length应该可以做到。
该选择器使您可以找到该类中包含单词“ width-”的任何元素