如何在DIV中选择具有类的项目？

我有以下HTML：

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

我希望能够使用一个选择器来选择inside div，但特定于该mydiv容器。如何使用jQuery实现此目标？

尝试：

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

JS Fiddle演示。

要么：

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

JS Fiddle演示。

要么：

$('#mydiv .myclass');

JS Fiddle演示。

参考文献：

• find()。
• 选择器上下文。

很高兴从find()文档中学习：

.find（）和.children（）方法类似，不同之处在于后者仅沿DOM树向下移动一个级别。

试试这个

$("#mydiv div.myclass")

您将以与应用CSS选择器相同的方式进行操作。暂时可以做

$("#mydiv > .myclass")

要么

$("#mydiv .myclass")

最后一个将匹配myDiv中的每个myclass，包括myclass中的myclass。

如果要选择具有类属性“ myclass”的每个元素，请使用

$('#mydiv .myclass');

如果只想选择具有类属性“ myclass”的div元素，请使用

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

查找有关jquery选择器的更多信息，请参阅以下文章

试试这个吧$(".video-divs.focused")。如果您正在寻找重点的视频div，这将起作用。