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

---

很高兴学习find()文档：

  

.find（）和.children（）方法类似，除了   后者只在DOM树中向下移动一层。

Answer 2

试试这个

$("#mydiv div.myclass")

Answer 3

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

$("#mydiv > .myclass")

或

$("#mydiv .myclass")

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

Answer 4

如果你想选择每个具有类属性的元素＆＃34; myclass＆＃34;使用

$('#mydiv .myclass');

如果你只想选择具有类属性＆＃34; myclass＆＃34;的div元素。使用

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

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

Answer 5

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