如何在div中选择某些HTML-Element

时间:2014-10-21 21:31:26

标签: javascript jquery html css

我想在DIV中选择某些HTML元素。像这样:

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

但是它也在DIV“#foo”之外添加了类。 即只有div“#foo”中的元素才是要添加的“Myclass”类。 感谢。

5 个答案:

答案 0 :(得分:7)

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

您可以使用 context 属性:

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

或者您可以链接您的选择器:

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

答案 1 :(得分:3)

你需要这样做,每个元素都必须有父ID,即#foo,然后你需要用{{1来包装你的类名,即myClass }}

""

答案 2 :(得分:2)

添加逗号时,您将分离选择器。尝试

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

答案 3 :(得分:2)

你打算用ID foo选择div中的表,tr,td,spans和p吗?那个选择器更像是

$("#foo table,#foo tr, #foo td, #foo span, #foo p")

您当前的选择器正在说" div中的所有表格都带有ID" foo"然后是整个文件中的所有tr,td,spans和p

答案 4 :(得分:1)

您有两种方法:

方法1:

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

方法2:

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