JQuery使用类名中的点获取具有多个类的元素数

Question

如何获得具有以下类别的元素数量？    

< div class="option searchOptions.prices.minToMaxPriceChecked">$1 to 2< /div>

我试过了     

var numItems = $('.option.searchOptions\.prices\.minToMaxPriceChecked').length;

以及其他一些变体，但numItems始终为0.

Answer 1

尝试

var numItems = $('.option').filter(function(){
    return /\bsearchOptions\.prices\.minToMaxPriceChecked\b/i.test(this.className)
}).length;
console.log(numItems)

演示：Fiddle

Answer 2

转义需要2个反斜杠\\。不是\。

Answer 3

尝试，

var numItems = $('.option.searchOptions\\.prices\\.minToMaxPriceChecked').length;

<强> JSFIDDLE DEMO

Answer 4

使用逗号（联合）

选择多个

jsfiddle

var numItems = $('.option,  .searchOptions\\.prices\\.minToMaxPriceChecked').length;

Answer 5

试试这个 -

HTML -

<div class="option searchOptions prices minToMaxPriceChecked">$1 to 2< /div>

Jquery的 -

$('.option.searchOptions\.prices\.minToMaxPriceChecked').length

给我正确的结果。

Try is jsfiddel

Answer 6

尝试使用双反斜杠，有些浏览器需要它，例如Google Chrome。

var numItems = $('.option .searchOptions\\.prices\\.minToMaxPriceChecked').length;