javascript - 使用 getElementsByClassName 选择所有类并单击

Question

我似乎无法点击所有班级的

document.getElementsByClassName('node closed')[0].click();

这有效，但只会点击第一个类，我需要这个来点击所有名为“节点关闭”的类

谢谢

Answer 1

[0]仅表示 . 返回的节点列表的第一个元素getElementsByClassName。

您必须getElementsByClassName遍历所有匹配的元素，如下所示：

var el = document.getElementsByClassName('node closed');
for (var i=0;i<el.length; i++) {
    el[i].click();
}

工作演示

Answer 2

在循环中迭代结果并将 click 分配给每个元素：

var list=document.getElementsByClassName('node closed')
for(var i=0;i<list.length;i++){
list[i].click()
}

Answer 3

document.getElementsByClassName 在 IE 中有一些问题

使用 jQuery

window.onload=function(){

$(.yourclass).each(function(){

 $(this).trigger('click');

});

}

Answer 4

只需删除 [0] ，它将访问所有匹配的元素，因为 [0] 仅指向第一个元素。

Answer 5

$(".node closed").filter(function() {
    return $(this).click();
});