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); 
})