0

ID とクラスを同時に使用して要素を選択できるかどうかを知りたいです。css でそれができることは知って#x.yいますが、javascript でそれを行うにはどうすればよいでしょうか? 次のコードを試してみましたが、うまくいきましたが、ui-slider-handle クラスを持つすべてのコントロールが影響を受けました (これは明らかです)。その特定の要素のみが影響を受けるように、id と class の両方の組み合わせが必要だと思います。

Javascript :

$(".ui-slider-handle").text(ui.value);
4

4 に答える 4

5

ID は一意であることを意図しているため、要素を選択するための ID とクラスの組み合わせは役に立ちません。

1 つのページに同じ値を持つ複数の識別子を含めないでください。

同じ属性を持つ複数の要素が必要な場合は、クラスを使用します。そうでない場合は、ID またはクラスを検討してください。

同じ属性を持つ多くの要素が必要で、1 つの要素に追加の属性が必要な場合は、その要素に ID を与え、その ID に追加の属性を割り当てることができます。

于 2012-08-03T13:36:39.097 に答える
1

ID は一意である必要があるため、ID のみでセレクターを実行できるはずです。複数の要素に同じ属性を適用したい場合は、クラスを使用する必要があります。あなたのシナリオでは、次のように id を使用するだけで問題ないようです。

$("#id").text(ui.value);
于 2012-08-03T13:36:55.540 に答える
1

ID は一意であるため、これを行う必要はありません。知っていれば、すでに要素を特定できます。

あなたの問題は、実際には、セレクターがあまりにも多くの要素に一致することです。セレクターの「範囲」を制限する方法は他にもあります。

  1. 特定の ID/クラスを持つ親要素を追加:クラスを持つすべての要素の子で.parent .ui-slider-handleあるクラスを持つ要素のみに一致しますui-slider-handleparent

  2. 親のタイプで制限することもできます。div .ui-slider-handle

  3. または直接の子のみ:div > .ui-slider-handle

すべての機能については、jQuery セレクターを参照してください

于 2012-08-03T13:40:42.513 に答える
0

あなたが書くことができるものは次のとおりです。

$("#ID.ui-slider-handle").text(ui.value);

引用符内の文字列は、クラスと ID の両方をサポートする通常の CSS セレクターです。ただし、上記のコードは冗長で遅いため、特定のクラスがある場合にのみその特定の ID を選択する場合を除き、次のように記述することをお勧めします。

$("#ID").text(ui.value);
于 2012-08-03T13:38:46.137 に答える