jquery - name属性に特定のテキストを含むチェックボックスのjQueryセレクター

Question

チェックボックスであり、名前に「top」や「Top」などの特定の単語が含まれているすべての入力を選択するセレクターをjQueryで見つけようとしています。他のチェックボックスの選択に問題があります。

次のようなものを使用することは可能ですか？

$("input[name*='top'] type:checkbox").each etc?

Top 1<input type="checkbox" name="Top1" /><br />
Top 2<input type="checkbox" name="Top2" /><br />
Top 3<input type="checkbox" name="Top3" /><br />
Top 4<input type="checkbox" name="Top4" /><br />

Bottom 1<input type="checkbox" name="Bottom1" /><br />
Bottom 2<input type="checkbox" name="Bottom1" /><br />
Bottom 3<input type="checkbox" name="Bottom1" /><br />
Bottom 4<input type="checkbox" name="Bottom1" /><br />

名前に「top」という単語が含まれているチェックボックスのみを選択したいと思います。

Answer 1

あなたは近かった...

$("input[type='checkbox'][name^='Top']").each()

jsFiddleデモ

Answer 2

start withセレクターを使用できます：

$("input[name^='Top']")

また：

$("input[name^='Top']:checkbox")

Answer 3

:checkboxセレクターと属性を含むセレクターを組み合わせることができると思います。

$("input:checkbox[name*='top']").each(); 

大文字と小文字を区別する必要があるかどうかわからない場合は、このSOの質問を参照してください。

アップデート：

bažmegakapaが彼のコメントで指摘しているように、:checkboxセレクターはドキュメントに従って非推奨になっています。そのため、おそらく使用する方が良いでしょう：

$("input[type=checkbox][name*='top']").each();