タグ付けされた質問 「jquery-selectors」

jQueryでセレクターを使用して、ドキュメント内の一連の要素を照合できます。ほとんどのCSSセレクターと、一連のカスタムセレクターが実装されています。

24
jQueryセット選択インデックス
私は選択ボックスを持っています: <select id="selectBox"> <option value="0">Number 0</option> <option value="1">Number 1</option> <option value="2">Number 2</option> <option value="3">Number 3</option> <option value="4">Number 4</option> <option value="5">Number 5</option> <option value="6">Number 6</option> <option value="7">Number 7</option> </select> 選択したインデックスに基づいて、オプションの1つを「選択済み」に設定したいと思います。 たとえば、「3番」を設定しようとしている場合は、次のようにします。 $('#selectBox')[3].attr('selected', 'selected'); しかし、これは機能しません。jQueryを使用して、そのインデックスに基づいて選択されたオプションをどのように設定できますか? ありがとう!

5
チェックボックスのラベル用のjQueryセレクター
<input type="checkbox" name="filter" id="comedyclubs"/> <label for="comedyclubs">Comedy Clubs</label> ラベルが記載されたチェックボックスがある場合、jQueryを使用してラベルを選択するにはどうすればよいですか?ラベルタグにIDを付けて、それを使用して選択する方が簡単でしょう$(#labelId)か?

18
jQuery:特定のクラス名のdivが存在するかどうかを確認する
jQueryを使用して、プログラムで次divのような一連のを生成しています。 <div class="mydivclass" id="myid1">Some Text1</div> <div class="mydivclass" id="myid2">Some Text2</div> 私のコードのどこかに、これらのDIVが存在するかどうかを検出する必要があります。divのクラス名は同じですが、IDは各divで異なります。jQueryを使用してそれらを検出する方法はありますか?


8
jQueryを使用してdivでチェックされているチェックボックスのリストを取得する
特定のIDのdivで選択されているチェックボックスの名前のリストを取得したい。jQueryを使用してどうすればよいですか? たとえば、このdivの場合、配列["c_n_0"を取得します。"c_n_3"]または文字列 "c_n_0; c_n_3" <div id="checkboxes"> <input id="chkbx_0" type="checkbox" name="c_n_0" checked="checked" />Option 1 <input id="chkbx_1" type="checkbox" name="c_n_1" />Option 2 <input id="chkbx_2" type="checkbox" name="c_n_2" />Option 3 <input id="chkbx_3" type="checkbox" name="c_n_3" checked="checked" />Option 4 </div>

4
jQueryで複数のクラスを選択する
私は見栄えがよく、次のような1つのjQueryセレクターステートメントで特定のクラスに一致するすべての要素を選択する方法を見つけることができないようです。 $('.myClass', '.myOtherClass').removeClass('theclass'); これを達成する方法に関するアイデアはありますか?他の唯一のオプションは行うことです $('.myClass').removeClass('theclass'); $('.myOtherClass').removeClass('theclass'); しかし、私はこれをかなりの数のクラスで実行しているため、多くのコードが必要です。

15
jqueryを使用して、特定のクラス名を持つすべてのチェックボックスを取得する
私はこれを使用してページ上のすべてのチェックされたチェックボックスを取得できることを知っています: $('input[type=checkbox]').each(function () { var sThisVal = (this.checked ? $(this).val() : ""); }); ただし、他のチェックボックスを含めたくないページでこれを使用しています。上記のコードを変更して、特定のクラスが含まれているチェックボックスのみを確認するにはどうすればよいですか?

6
jQueryの.bind()と.on()
私は2件の偉大な記事が新しい機能について話した.on():jquery4u.com、elijahmanor.com。 .bind()それでもまだ使用する方が良い方法はあります.on()か? たとえば、次のようなサンプルコードがあります。 $("#container").click( function( e ) {} ) セレクターによって取得されたアイテムは1つだけであり、私の場合、<div>名前が付けられ#containerているのは、ページが読み込まれたときに既に存在していることです。動的に追加されません。私がjQueryの最新バージョン1.7.2を使用していることを言及することが重要です。 そのサンプルでは、関数によって提供される他の機能を使用しない場合でも、.on()代わりに使用する必要が.bind()あり.on()ますか?

4
$(this)をjQueryセレクターから除外するにはどうすればよいですか?
私はこのようなものを持っています: <div class="content"> <a href="#">A</a> </div> <div class="content"> <a href="#">B</a> </div> <div class="content"> <a href="#">C</a> </div> これらのリンクの1つがクリックされたときに、クリックされていないリンクに対して.hide()関数を実行したい。私はjQueryに:notセレクターがあることを理解していますが、この場合、リンクを選択する必要があるため、この方法を使用する方法を理解できません$(".content a") 私は何かしたいです $(".content a").click(function() { $(".content a:not(this)").hide("slow"); }); この場合、:notセレクターを適切に使用する方法がわかりません。


9
jqueryデータセレクター
要素の.data()オブジェクトに格納されている値に基づいて要素を選択する必要があります。少なくとも、次のように、セレクターを使用して最上位のデータプロパティを選択したいと思います。 $('a').data("category","music"); $('a:data(category=music)'); または、セレクターは通常の属性セレクター形式になります。 $('a[category=music]'); または属性形式ですが、次の場所にあることを示す指定子があります.data()。 $('a[:category=music]'); James Padolseyの実装はシンプルでありながら見栄えが良いことがわかりました。セレクタは、そのページに示されているミラーメソッドの上でフォーマットします。このシズルパッチもあります。 何らかの理由で、jQuery 1.4にはjquery .data()オブジェクトの値のセレクターのサポートが含まれることをしばらく読んだことを思い出しました。しかし、今探しているので見つけられません。多分それは私が見た機能要求だけだった。これに対するサポートはありますか?私はそれを見ていませんか? 理想的には、ドット表記を使用してdata()のサブプロパティをサポートしたいと思います。このような: $('a').data("user",{name: {first:"Tom",last:"Smith"},username: "tomsmith"}); $('a[:user.name.first=Tom]'); また、指定されたすべてのデータセレクターを持つ要素のみが検出される複数のデータセレクターもサポートしたいと考えています。通常のjquery複数セレクターはOR演算を行います。たとえば、クラスまたは)のいずれかのタグを$('a.big, a.small')選択しaます。私はANDを探しています、おそらくこのように:bigsmall $('a').data("artist",{id: 3281, name: "Madonna"}); $('a').data("category","music"); $('a[:category=music && :artist.name=Madonna]'); 最後に、比較演算子と正規表現機能がデータセレクターで利用できると便利です。だから$(a[:artist.id>5000])可能でしょう。私はおそらくこれを使って多くのことを行うことができると思いますfilter()が、単純なセレクターフォーマットがあればいいでしょう。 これを行うにはどのようなソリューションがありますか?現時点で、ジェームズパドルシーは最高のソリューションですか?私の懸念は主にパフォーマンスに関するものですが、サブプロパティのドット表記や複数のデータセレクターなどの追加機能にも関係しています。これらのものをサポートする、または何らかの点で優れている実装は他にありますか?


5
name属性に角かっこがある入力用のjQueryセレクター
名前属性に角かっこがあるこの要素を選択しようとしています: <input type="text" name="inputName[]" value="someValue"> 私はこれを試しました(動作しません): $('input[inputName[]=someValue]') そしてどちらもこれをしません: $('input[inputName[]=someValue]') またはこれ: $('input["inputName[]"=someValue]') 編集:あなたの一部が指摘したように、$('input[inputName=someValue]')決して機能しないでしょう。私は何をしようとしていたことでした:$('input[name=inputName][value=someValue]')。(ただし[]、name属性では)。

8
jQueryに。(期間)IDに?
次のクラスとコントローラーアクションメソッドを考えます。 public School { public Int32 ID { get; set; } publig String Name { get; set; } public Address Address { get; set; } } public class Address { public string Street1 { get; set; } public string City { get; set; } public String ZipCode { get; set; …

6
jQuery:要素のクラスとIDを同時に選択しますか?
クラスとIDを同時に選択したいリンクがいくつかあります。 これは、2つの異なる動作があるためです。リンクのクラスが1つのクラス名を取得すると、それらはある方法で動作します。リンクの同じクラスが別のクラス名を取得すると、それらは異なる動作をします。クラス名はjqueryで切り替えられます。 したがって、リンククラスとIDを同時に選択できる必要があります。これは可能ですか? 私はもう試した: $("a .save #country") 結果なし。

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