Javascript 如何在DIV中选择类为的项？

我有以下HTML：

我希望能够使用一个选择器来选择内部div，但特定于mydiv容器。如何使用jQuery实现这一点？

试试：

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

或：

或：

参考资料：

. . 从文档中学习很好：

.find和.children方法类似，只是 后者只沿DOM树向下移动一层

试试这个

$("#mydiv div.myclass")

---

您将使用与应用css选择器相同的方法来执行此操作。 例如，你可以

$("#mydiv > .myclass")

或

---

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

试试这个，而不是$video-divs.focused。如果您正在查找聚焦的视频div，则此选项有效。

如果要选择具有class属性myclass use的每个元素

$('#mydiv .myclass');

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

如果要仅选择具有类属性myclass use的div元素

$('#mydiv .myclass');

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

---

查找有关jquery选择器的更多信息，请参考这些

，或者如果您不关心它是一个div还是始终是一个div，您可以简化为$mydiv.myclass。@Michael-是的，我们可以说.mycals，但如果我们知道它是一个div，div.myclass将加快搜索速度。@Shankar，它很可能不会加快搜索速度，而会减慢搜索速度。假设jquery使用sizzle而不是原生document.QuerySelector，它可能会以相同的方式进行搜索，并且在您的情况下执行额外的检查。可能本地实现也会这样做。我运行的一些快速测试表明，这取决于浏览器。它在Chrome中稍微快一点，在FF中稍微慢一点。无论哪种方式，除非您多次运行此选择器或在大量元素上运行此选择器，否则差异可能可以忽略不计。请参阅，以了解我的粗糙且可能有缺陷的测试。@Michael-如果我们将标记名与类名一起指定，它将首先使用getElementsByTagName，然后查找类名，该类名的速度肯定更快，并且仍然使用本机方法进行第一级排序。如果要选择的元素不多，则可以忽略不计。第二个元素不起作用，但find可以。第二个选项将选择every class=myclass，并选择every id=mydiv，我认为。@czupe:no，虽然上下文选择器方法的编写方式不同，但jQuery在内部实现了相同的$'mydiv'。find'.myclass'；第一个代码段中使用的方法。顺便说一下：“…选择每个id=mydiv”？一个给定的id在一个页面中只能使用一次。@DavidThomas我刚才试过$'mydiv.myclass'；最后选择了所有具有myclass类的div，而不仅仅是mydiv中的div。@user3281466:真的吗？这似乎不太可能，你能吗？你如何在div检查任何东西，然后把它放进去：不是

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