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

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

30
jQueryを介してどのラジオボタンが選択されているかを知るにはどうすればよいですか?
2つのラジオボタンがあり、選択したものの値を投稿したいと思います。jQueryで値を取得するにはどうすればよいですか? 私はそれらすべてをこのように得ることができます: $("form :radio") どれが選択されているかを知るにはどうすればよいですか?


18
$(this)セレクターの子を取得するにはどうすればよいですか?
私はこれに似たレイアウトを持っています: <div id="..."><img src="..."></div> そして子供を選択するために、jQueryのセレクタを使用したいimgの内側divをクリックしてください。 を取得するためにdiv、私はこのセレクターを持っています: $(this) imgセレクターを使用して子を取得するにはどうすればよいですか?



20
jQueryは特定のオプションタグテキストを取得します
大丈夫、私がこれを持っていると言います: <select id='list'> <option value='1'>Option A</option> <option value='2'>Option B</option> <option value='3'>Option C</option> </select> 値「2」があるときに「オプションB」を取得したい場合、セレクターはどのように見えますか? これは、選択されたテキスト値を取得する方法を尋ねるのではなく、value属性に応じて、選択されているかどうかに関係なく、それらのいずれか1つだけを求めることに注意してください。私は試した: $("#list[value='2']").text(); しかし、それは機能していません。

13
jQueryで要素を名前で選択するにはどうすればよいですか?
展開して非表示にしようとしているテーブル列があります。 要素の名前ではなくクラスでtd選択すると、jQueryは要素を非表示にするようです。 たとえば、なぜそうなのか: $(".bold").hide(); // selecting by class works $("tcol1").hide(); // select by element name does not work 以下のHTMLに注意してください。2番目の列はすべての行で同じ名前です。name属性を使用してこのコレクションを作成するにはどうすればよいですか? <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr> <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr> <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr>

11
入力テキストボックスの値を取得する
jQueryを使用して入力値を取得およびレンダリングする方法は何ですか? ここに1つあります: $(document).ready(function() { $("#txt_name").keyup(function() { alert($(this).val()); }); }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <input type="text" id="txt_name" /> コードスニペットを実行する結果を非表示スニペットを展開

9
jQueryどのようにデータ属性値に基づいて要素を見つけるのですか?
次のシナリオがあります。 var el = 'li'; また<li>、ページには5つのdata-slide=number属性があり、それぞれ1、2、3、4、5です。 次に、var current = $('ul').data(current);スライドが変更されるたびにマップされ、更新される現在アクティブなスライド番号を見つける必要があります。 これまでのところ、現在のスライドに一致するセレクターを作成しようとして、失敗しました。 $('ul').find(el+[data-slide=+current+]); 一致/返却しない… liパーツをハードコードできないのは、これがユーザーがアクセスできる変数であり、必要に応じて別の要素に変更できるため、常にであるとは限らないためliです。 私が欠けているものについてのアイデアはありますか?

27
選択オプションを「値を指定して」設定します
selectいくつかのオプションがあるフィールドがあります。次にoptions、jQuery でそれらの1つを選択する必要があります。しかしvalue、option選択する必要があるのを知っているだけで、どうすればよいですか? 次のHTMLがあります。 <div class="id_100"> <select> <option value="val1">Val 1</option> <option value="val2">Val 2</option> <option value="val3">Val 3</option> </select> </div> 値付きのオプションを選択する必要がありますval2。これはどのように行うことができますか? これがデモページです:http : //jsfiddle.net/9Stxb/

22
jQueryを使用した:: beforeや:: afterなどのCSS疑似要素の選択と操作
jQueryを使用して::beforeand ::after(および1つのセミコロンを持つ古いバージョン)などのCSS疑似要素を選択/操作する方法はありますか? たとえば、私のスタイルシートには次のルールがあります。 .span::after{ content:'foo' } jQueryを使用して「foo」を「bar」に変更するにはどうすればよいですか?

6
jQueryセレクターのワイルドカード
ワイルドカードを使用して、「jander」で始まるすべての要素のIDを取得しようとしています。私が試した$('#jander*')、$('#jander%')しかし、それは動作しません。.. 要素のクラスを使用して解決できることはわかっていますが、ワイルドカードを使用することもできますか? <script type="text/javascript"> var prueba = []; $('#jander').each(function () { prueba.push($(this).attr('id')); }); alert(prueba); }); </script> <div id="jander1"></div> <div id="jander2"></div>


4
HTML5を使用したカスタムデータ属性のjQueryセレクター
HTML5に付属するこれらのデータ属性に使用できるセレクターを知りたいのですが。 例としてこのHTMLを取り上げます。 <ul data-group="Companies"> <li data-company="Microsoft"></li> <li data-company="Google"></li> <li data-company ="Facebook"></li> </ul> 取得するセレクターはありますか? data-company="Microsoft"以下のすべての要素"Companies" data-company!="Microsoft"以下のすべての要素"Companies" 他の場合では、「含む、より小さい、より大きいなど」などの他のセレクターを使用できます。


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