Javascript 如何在div中选择特定的HTML元素

Javascript 如何在div中选择特定的HTML元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在DIV中选择某些HTML元素。类似于: $("#foo table,tr,td,span,p" ).addClass( Myclass ); 但它也在DIV“#foo”之外添加了类。 也就是说,只有div“#foo”中的元素才是要添加的类“Myclass”。 谢谢。您需要这样做,每个元素之前都必须有父id,即#foo,并且您需要将类名,即myClass,包装为” 添加逗号时,将分隔选择器。试一试 $("#foo table, #foo tr, #foo td, #foo span, #f

我想在DIV中选择某些HTML元素。类似于:

$("#foo table,tr,td,span,p" ).addClass( Myclass );
但它也在DIV“#foo”之外添加了类。 也就是说,只有div“#foo”中的元素才是要添加的类“Myclass”。
谢谢。

您需要这样做,每个元素之前都必须有父id,即
#foo
,并且您需要将类名,即
myClass
,包装为


添加逗号时,将分隔选择器。试一试

$("#foo table, #foo tr, #foo td, #foo span, #foo p" ).addClass( Myclass );

问题:逗号
分隔自动选择器。您必须先选择
#foo
,然后选择内部元素
表、tr、td、span、p

您可以使用上下文属性:

$("table, tr, td, span, p", "#foo").addClass("Myclass");
或者,您可以链接选择器:

$("#foo").find("table, tr, td, span, p").addClass("Myclass");

您是否打算在ID为foo的div中选择表tr、td、span和p?这个选择器更像

$(“#foo table,#foo tr,#foo td,#foo span,#foo p”)


您当前的选择器是“div中ID为“foo”的所有表,然后是整个文档中的所有tr、td、span和p”

您有两种方法:

方法1:

$("#foo").find("table, tr, td, span, p").addClass("Myclass");
方法2:

$("#foo table , #foo tr, #foo td, #foo span, #foo p").addClass("Myclass");

$(“#foo table,#foo tr,#foo td,#foo span,#foo p”).addClass(“Myclass”);
因为逗号后面的选择器是通用的,所以您需要在每个元素hanks之前指定#foo,现在它可以工作了。@user3417601我很高兴您的问题得到了解决:)请接受对您帮助最大的答案。
$("#foo table , #foo tr, #foo td, #foo span, #foo p").addClass("Myclass");