如何在JQuery中的DIV中select具有类的项目

我有以下的HTML:

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

我想能够使用一个select器来select内部div,但是特定于“mydiv”容器。 我怎样才能实现这一点与JQuery?

尝试:

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

JS小提琴演示 。

要么:

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

JS小提琴演示 。

要么:

 $('#mydiv .myclass'); 

JS小提琴演示 。

参考文献:

  • find()
  • select器上下文 。

尝试这个

 $("#mydiv div.myclass") 

你会像使用CSSselect器一样来执行。 现在你可以做

 $("#mydiv > .myclass") 

要么

 $("#mydiv .myclass") 

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

如果你想select每个具有类属性“myclass”的元素使用

 $('#mydiv .myclass'); 

如果你只想select具有class属性“myclass”的div元素使用

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

find更多关于jqueryselect器的介绍这些文章

试试这个,而不是$(".video-divs.focused") 。 如果您正在寻找专注的video分区,这将起作用。

更高效,更快速的是…

 $('#mydiv').find('.myclass').html('<span>Hello World</span>');