如何在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()。
• Selector context。

---

很高兴学习find()文档：

.find（）和.children（）方法类似，只是后者只沿DOM树向下移动一个级别。

Answer 2

试试这个

$("#mydiv div.myclass")

Answer 3

您将以与应用css选择器相同的方式执行此操作。比如你可以做到

$("#mydiv > .myclass")

要么

$("#mydiv .myclass")

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

Answer 4

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

$('#mydiv .myclass');

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

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

有关jquery选择器的更多信息，请参阅这些articles

Answer 5

试试这个而不是$(".video-divs.focused")。如果您正在寻找专注的视频div，这是有效的。