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，但我不确定如何将其添加到

中

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

所以，我想做的就是计算包含单词＆＃34; width - ＆＃34;的元素数量。在课堂上。

Answer 1

$('[class*="width-"]').length应该这样做这个选择器允许你找到任何计算单词的元素＆＃34; width - ＆＃34;在课堂上

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

1 个答案: