DIV内のクラスでアイテムを選択するにはどうすればよいですか？

次のHTMLがあります。

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

内部を選択するセレクターを使用できるようにしたいdivが、mydivコンテナーに固有。jQueryでこれを実現するにはどうすればよいですか？

試してください：

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

JS Fiddleデモ。

または：

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

JS Fiddleデモ。

または：

$('#mydiv .myclass');

JS Fiddleデモ。

参照：

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

find()ドキュメントから学ぶのは良い：

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

これを試して

$("#mydiv div.myclass")

CSSセレクターを適用するのと同じ方法で行います。瞬間的にはあなたがすることができます

$("#mydiv > .myclass")

または

$("#mydiv .myclass")

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

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

$('#mydiv .myclass');

クラス属性「myclass」を持つdiv要素のみを選択する場合

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

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

代わりにこれを試してください$(".video-divs.focused")。これは、焦点を絞ったvideo-divを探している場合に機能します。