如何在JQuery中的DIV中选择带有类的项目

Question

我有以下HTML:

div

我希望能够使用选择内部div的选择器,但特定于"mydiv"容器.我怎样才能用JQuery实现这一目标？

Answer 1

尝试:

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

JS小提琴演示.

要么:

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

JS小提琴演示.

要么:

$('#mydiv .myclass');

JS小提琴演示.

参考文献:

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

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

.find()和.children()方法类似,只是后者只沿DOM树向下移动一个级别.

Answer 2

试试这个

$("#mydiv div.myclass")

Answer 3

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

$("#mydiv > .myclass")

要么

$("#mydiv .myclass")

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

Answer 4

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

$('#mydiv .myclass');

如果要仅选择具有类属性"myclass"的div元素,请使用

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

有关jquery选择器的更多信息,请参阅这些文章