Селектор классов JQuery, начинающийся с?

Question

У меня есть на следующую HTML-разметка:

<DIV class="bubble bubble_white"> 
    <DIV class=bubble_large></DIV> 
</DIV> 
<DIV class="bubble bubble_black"> 
    <DIV class=bubble_large></DIV> 
</DIV> 

Я хочу, чтобы выбрать классы bubble bubble_white и bubble bubble_black. Я думал о коде под но он не работает:

$(".bubble.[class^=bubble_]")

Любые идеи о том, как это сделать?

Answer 1

Попробуйте это:

$(".bubble[class*=bubble_]") 

Answer 2

Селектор [attr^=val] сравнивает значение атрибута целое. Поэтому ваше значение атрибута должно начинаться с bubble_. Для разделенных пробелами список, вы можете использовать [attr|=val] селектор:

$(".bubble[class|=bubble_white], .bubble[class|=bubble_black]") 

Или вы делаете фильтрацию по своему усмотрению:

$(".bubble").filter("[class|=bubble_white], [class|=bubble_black]") 

Или:

$(".bubble").filter(function() { 
    var $this = $(this); 
    return $this.hasClass("bubble_white") || $this.hasClass("bubble_black"); 
}) 

Или:

$(".bubble").filter(function() { 
    return /(?:^|\s+)bubble_/.test(this.className); 
})