javascript - 有没有办法使用 JavaScript 通过类名获取元素？

Question

使用 JavaScript 通过类名获取元素的最佳方法是什么？

我可以只使用类似 document.getElementByClassName('myClass') 的东西吗？

Answer 1

是的getElementsByClassName()，这里有一个浏览器支持列表，上面写着“除 IE8 及以下版本之外的所有最新浏览器”

var elements = document.getElementsByClassName('myClass');

此外，还有querySelectorAll()使用 CSS 选择器的。它与 jQuery 的做法非常相似。这是它的浏览器支持列表，其中还显示“除 IE7 及以下的所有最新浏览器”

var elements = document.querySelectorAll('.myClass');

Answer 2

我更喜欢 jQuery。尝试一下：

var elements = jQuery(".myClass");

这将收集所有具有 class = "myClass" 的元素。如果你想迭代并用这些元素做一些事情：

jQuery(".myClass").each( function() {
    // Getting element:
    var element = jQuery(this);

    doSomeStuff(element)
});