具有特定类名的Div的元素

Question

嗨我怎样才能掌握使用类别“样本”的Div中的元素？

文件中有很多Div

<div class="sample"/>
..
<div class="sample"/>
..
<div class="sample"/>
..
<div id = "samplediv">
  <div class="sample">
  <div>
</div>

我的问题是找到带有类样本的div并操纵这个div的一些属性。所以我想用class =“sample”来掌握Div？

Answer 1

在大多数现代浏览器中，您可以使用以下函数按类名获取对象：

getElementsByClassName("sample")

这适用于任何元素，包括document（如document.getElementsByClassName中所述）。问题是，旧浏览器不支持此功能。相反，你可以使用jQuery做同样的事情：

$(".sample")

希望这有帮助！

Answer 2

使用jQuery：

$('.sample').each(function() { doStuff($(this)); });

或者在简单的JS中：

document.getElementsByClassName('sample');

Answer 3

如果你正在使用jQuery，你可以使用等效的CSS选择器，在这种情况下：

$(".sample")

Answer 4

我投了drachenstern的评论，所以......

如果使用Prototype.js，可以使用函数$$（selector），如：

$$('#sourceDivId .sample').each(function(elem){ 
// do stuff
});

）

Answer 5

您使用document.querySelectorAll("div.sample")。更多on MDN。它在IE8及更高版本以及所有现代浏览器中都受支持。

Answer 6

如果您可以使用jQuery，您可以通过以下方式执行此操作：

jQuery("div.sample");