jQuery:クラスと入力タイプによる選択


119

特定の入力タイプ(たとえば、チェックボックス)であり、jQueryを使用する特定のクラスを持つ要素のセットを選択したいと思います。しかし、私が次のことを試みると:

 $("input:checkbox .myClass")

返品されません。jQueryでこれを実現するにはどうすればよいですか?

回答:


209

セレクターは、クラスがであるチェックボックス要素の子孫を探しています.myClass

代わりにこれを試してください:

$("input.myClass:checkbox")

実際に確認する

私もこれをテストしました:

$("input:checkbox.myClass")

そして、それも適切に動作します。私の控えめな意見では、ほとんどの場合、:スタイルセレクターが最後になることを期待しているため、この構文は実際にはかなり醜く見えます。ただし、先ほど述べたように、どちらでも機能します。


51

そのクラスでそのタイプの入力を取得したい場合は、以下を使用します。

$("input.myClass[type=checkbox]")

[]セレクター構文を使用すると、任意の要素属性に対してチェックできます。詳細については、仕様を確認してください


6

クラスで選択するに:checkboxは、(チェックボックスの)と.name属性を使用する必要があります。

例えば:

$("input.aclass:checkbox")

:checkboxセレクター:

タイプがチェックボックスのすべての入力要素に一致します。この擬似セレクターを使用 すると、低速セレクター$(':checkbox')と同等に$('*:checkbox')なります。することをお勧めします$('input:checkbox')

セレクターについて知るには、jQueryのドキュメントを読む必要があります。


4

このようなクラス名を使用する必要があります

$(document).ready(function(){
    $('input.addCheck').prop('checked',true);
});

このライブデモを使用してみてください


1
回答は質問には関係ありません。
Avnish alok、

1
それでも、答えは類似のものを探す他の人には完全に役立ちますが、正確なOPの質問には役立ちません。
camdixon 2018年


3

私のようなダミーがボタンでここの提案を試しても何も機能しないことがわかった場合に備えて、おそらくこれが必要です。

$(':button.myclass')
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.