2010-01-01 4 views
40

"panel current"가 classname 인 div를 얻으려고합니다. 문제는 공간입니다. 어떻게 선택할 수 있습니까?jQuery : selector (공백이있는 클래스 이름)

+1

http://docs.jquery.com/Selectors/class#classclass 당신을 위해이 문제를 해결해야합니다. –

답변

100

클래스 이름에는 공백을 사용할 수 없습니다. 가지고 계신 것은 두 클래스입니다 :

<div class="panel current"> 

이 div에는 패널과 전류라는 두 가지 클래스가 있습니다. 그것은 쉽게 선택되어 :

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

클래스 패널 수준의 전류를 가진 모든 div의를 선택 의미.

  • panel
  • current

당신은 $("div.panel") 또는 $("div.current") 그것을 선택하는 데 사용할 수 있습니다

3

divclass 이름을 가지고있다.

5

panel current은 실제로 클래스 이름이 아니며 실제로는 두 개의 클래스 이름입니다. 다음과 같은 선택 사용할 수 있습니다 : 당신은 (를 포함하여 공간) 클래스 이름의 일치와 요소를 일치해야하는 경우

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

또는

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

사용이

다른 포스터가 옳다면, 게시 한 DiV에는 'panel'과 'current'라는 두 개의 클래스 이름이 있습니다. 둘 다 선택하려면 $('.panel.current')을 사용하십시오.

또한이 같은 요소가 포함됩니다 :

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