web-dev-qa-db-ja.com

jQuery:セレクター(クラス名とスペース)

クラス名として「パネルカレント」を持つdivを取得しようとしています。問題はスペースです-どうすれば選択できますか?

48
Fuxi

クラス名にスペースを含めることはできません。あなたが持っているものは2つのクラスです:

<div class="panel current">

このdivには、パネルと現在の2つのクラスがあります。簡単に選択できます:

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

つまり、クラスパネルand class currentを持つすべてのdivを選択します。

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

OR

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

クラス名(スペースを含む)と完全に一致する要素を一致させる必要がある場合に使用します

他のポスターは正しいです。投稿したDiVには2つのクラス名があります。「panel」と「current」です。両方を選択する場合は、$('.panel.current')を使用します。

これには次のような要素も含まれます。

_<div class="foo panel bar current"></div>
_
13
David Hellsing

panel currentはクラス名ではなく、実際には2つのクラス名です。次のセレクターを使用できます。

$('.panel.current')
6
Darin Dimitrov

divには2つのclass名があります。

  • panel
  • current

$("div.panel")または$("div.current")を使用して選択できます。

3
umar