JQueryでDIV内のクラスを持つアイテムを選択する方法

Question

以下のHTMLがあります。

<div id="mydiv"><div class="myclass"></div></div>

内側のdivを選択するセレクターを使用できるようにしたいのですが、 "mydiv"コンテナー専用です。 JQueryでこれを実現するにはどうすればいいですか。

Answer 1

試してください：

$('#mydiv').find('.myclass');

JS Fiddle demo 。

または

$('.myclass','#mydiv');

JS Fiddle demo 。

または

$('#mydiv .myclass');

JS Fiddle demo 。

参考文献：

• find() 。
• セレクタコンテキスト 。

---

find() のドキュメントから学ぶと良いでしょう：

.find（）メソッドと.children（）メソッドは似ていますが、後者はDOMツリーの下のレベルを1つだけ移動する点が異なります。

Answer 2

これを試して

$("#mydiv div.myclass")

Answer 3

CSSセレクタを適用するのと同じ方法でそれを行います。今のところできます

$("#mydiv > .myclass")

または

$("#mydiv .myclass")

最後のものは、myclass内のmyclassを含む、myDiv内のすべてのmyclassと一致します。

Answer 4

クラス属性 "myclass"を持つすべての要素を選択したい場合

$('#mydiv .myclass');

クラス属性 "myclass"を持つdiv要素だけを選択したい場合

$("div#mydiv div.myclass");

jqueryセレクターについての詳細はこれらを参照してください 記事

Answer 5

代わりにこれを試してください$(".video-divs.focused")。あなたが焦点を当てているビデオdivを探しているならば、これは働きます。