一度の書き込みで複数のクラス番号を設定する方法を教えてもらえますか? $('.oven_program_01')
クラスと .click アクションがあります。このアクションは、クラスが from から までの要素をクリックした後に発生し$('.oven_program_01')
ます$('.oven_program_12')
。このクラスを繰り返さずにこれを書く方法を教えてもらえますか? そのようなもの:$('.oven_program_'01-12')
助けてくれてありがとう。
5 に答える
クラスは、実際には、ページ上のものの「タイプ」にラベルを付けるように設計されています。個々の要素にラベルを付ける場合は、id 属性を使用する必要があります。
したがって、要素については、「oven_program_01」の ID を「oven_program_12」に設定し、すべての要素に対して「oven_program」のクラスを設定します。
このようにして、次の方法で特定の要素を選択できます。
$("#oven_program_01")
このタイプのすべての要素を次のように選択します。
$(".oven_program")
クラスは、ID と同様に JavaScript スクリプトでも使用できますが、ID とは異なり、同じ HTML ドキュメントで複数回使用できます。このようにコンテンツを表示から分離することで、CSS を利用したサイトがより堅牢になっていますが、クラスをどの程度使用できるかを完全に把握していない人もいます。クラスは複数回使用できるだけでなく、1 つの要素で複数回使用できます。
異なるクラスを持つのは良い考えではないと思います。同じクラス、異なるIDを使用することをお勧めします。
Attribute Starts With
セレクターを使用できます:
[name^="value"]
$('elem[class^="oven_program_"]').click(function(){
// ...
})
oven_program_
このセレクターを使用する場合、クラス属性は他のクラス名ではなく開始する必要があることに注意してください。
またはAttribute Contains Selector
:
指定された部分文字列を含む値を持つ指定された属性を持つ要素を選択します。
[name*="value"]
$('elem[class*="oven_program_"]').click(function(){
// ...
})
$("[class^=oven_program_]").click(....)
最善の方法は、オブジェクトに 2 つのクラスを使用することですが、
class="oven_program_01 oven_clickable"
$(".oven_clickable").click()
または、ID と共通クラスを使用することをお勧めします。
id="oven_program_01" class="oven_clickable"
ちなみに、それがクラスとIDの目的です
$('[class^=oven_program_]')
This will select any class that starts with oven_program_
.
もっと具体的にする必要がありますか?jQueryには組み込みの正規表現セレクターがありませんが、誰かがこれを作成しました:
http://james.padolsey.com/javascript/regex-selector-for-jquery/
使用していませんが、使用するようです
$(':regex(class, oven_program_\d\d?)')
最後に、私はあなたが何をしているのか 100% 確信が持てませんが、クラスを使用することさえしません。のようなことをします<element class="oven_program some other class names" data-oven_program="12">
。必要に応じて、データ属性でも上記と同じセレクターを使用できます。