2010-01-01 67 views
40

我試圖獲得一個具有「面板當前」作爲類名的div。 問題是空間 - 我如何選擇它?jQuery:選擇器(帶空格的類名)

+1

http://docs.jquery.com/Selectors/class#classclass應該已經解決了這個給你。 – 2010-01-01 12:44:09

回答

100

類名不能有空格。你有什麼有兩類:

<div class="panel current"> 

這個div有兩個類:面板和電流。這是很容易選擇:

$("div.panel.current")... 

這意味着選擇具有類面板當前類的所有div。

3

div有兩個class名稱:

  • panel
  • current

您可以使用$("div.panel")$("div.current")將其選中。

5

panel current不是類名,實際上它是兩個類名。你可以使用以下的選擇:如果你需要一個元素與類名的精確匹配匹配(包括空格)

$('.panel.current') 
11
$('div').filter(function() { 
    return this.className == 'panel current'; 
}); 

OR

$("div[class='panel current']"); 

使用此

的其他海報是正確的,你發佈的DiV有兩個類名:'panel'和'current'; 如果要同時選擇它們,請使用$('.panel.current')

這也將包括相似的元素:

<div class="foo panel bar current"></div>