Javascript 单击svg类的所有按钮

我想单击该类下页面上的所有按钮

<svg class="opinionate-action post-agree" version="1.1" viewBox="0 0 14.7 18.4" data-reactid=".0.2.1.0.2.0.$57047af48bd3ef3c0ddf7dd8.$57047af48bd3ef3c0ddf7dd8.0.1.5.1.0.0.0" style="-webkit-user-select: auto;"><g data-reactid=".0.2.1.0.2.0.$57047af48bd3ef3c0ddf7dd8.$57047af48bd3ef3c0ddf7dd8.0.1.5.1.0.0.0.0" style="-webkit-user-select: auto;"><path d="M14.4,12.3c0.2-0.4,0.3-0.9,0.3-1.4c0-0.7-0.3-1.4-0.7-2c0-0.1,0-0.2,0-0.4c0-1.7-1.3-3.2-3-3.3 c0-0.3,0.1-0.7,0.1-1.1c0-2.3-1.7-4-4.1-4c-0.3,0-0.4,0-0.4,0L4.8,0.4v2.9C4.4,4.2,3.5,4.9,3,5.1l0,0C1.3,5.9, 0.1,7.8,0.1,9.9v3.3 v0.1c0,2.8,2.3,5.2,5.2,5.2h5.3c1.8,0,3.2-1.3,3.2-3c0-0.1,0-0.2,0-0.2c0.5-0.5,0.8-1.2, 0.8-2C14.6,12.9,14.5,12.6,14.4,12.3z M12.6,13.2c0,0.6-0.6,1-1.2,1h-0.5c0.4,0.1,1,0.7,1,1.2c0,0.6-0.6,1-1.2, 1H5.3c-1.7,0-3.2-1.4-3.2-3.2V9.9c0-1.2,0.7-2.5,1.8-3 c0.8-0.6,2.5-1.5,2.9-3.4V2.2c0,0,2.4-0.3,2.4,2c0, 2.6-1.6,3-0.3,3.1h2c0.7,0,1.3,0.7,1.3,1.4c0,0.6-0.6,1-1,1.1h0.5 c0.6,0,1.2,0.6,1.2,1.3c0,0.6-0.6,1-1.2, 1h0C12,12.1,12.6,12.6,12.6,13.2z" data-reactid=".0.2.1.0.2.0.$57047af48bd3ef3c0ddf7dd8.$57047af48bd3ef3c0ddf7dd8.0.1.5.1.0.0.0.0.0" style="-webkit-user-select: auto;"></path></g></svg>

用jQuery试试这个：

$(function(){
    $('.opinionate-action.post-agree').on('click',function(e){
    console.log('click !');
    // the code you want to execute here
    });
})

祝你生日快乐！ Frédéric

用jQuery试试这个：

$(function(){
    $('.opinionate-action.post-agree').on('click',function(e){
    console.log('click !');
    // the code you want to execute here
    });
})

祝你生日快乐！

---

Frédéric

我认为您希望实际单击所有按钮，而不是设置click handler。不确定现实世界中的用例是什么，但用jQuery试试这个

$(function(){
    $('.opinionate-action.post-agree').click();
})

---

我认为您希望实际单击所有按钮，而不是设置click handler。不确定现实世界中的用例是什么，但用jQuery试试这个

$(function(){
    $('.opinionate-action.post-agree').click();
})

使用$（“文档”）.ready加载整个页面并在单击按钮后加载，因为如果没有它，您将单击尚未加载的元素（这意味着您什么也不单击）

或者是否需要排除某些元素

  $('.opinionate-action.post-agree').each(function () {if($(this).attr('some_attr')!='1') $(this).click();} );

或者为什么不只使用JS

 var a= document.getElementsByClassName('opinionate-action');

 var a= document.querySelectorAll('[class^=opinionate-action]');

 var a= getElementsByAttribute('data-reactid');

 for(var i = 0; i < a.length; i++)
 { 
 a[i].click();
 console.log(a[i]);
 }

var a=document.getElementsByClassName（'opinionate-action'）；
var a=document.querySelectorAll（“[class^=opinionate action]”）；
var a=getElementsByAttribute（'data-reactid'）；
对于（变量i=0；i

使用$（“文档”）。准备好加载整个页面并在单击按钮后加载，因为如果没有它，您将单击尚未加载的元素（这意味着您什么也不单击）

或者是否需要排除某些元素

  $('.opinionate-action.post-agree').each(function () {if($(this).attr('some_attr')!='1') $(this).click();} );

或者为什么不只使用JS

 var a= document.getElementsByClassName('opinionate-action');

 var a= document.querySelectorAll('[class^=opinionate-action]');

 var a= getElementsByAttribute('data-reactid');

 for(var i = 0; i < a.length; i++)
 { 
 a[i].click();
 console.log(a[i]);
 }

var a=document.getElementsByClassName（'opinionate-action'）；
var a=document.querySelectorAll（“[class^=opinionate action]”）；
var a=getElementsByAttribute（'data-reactid'）；
对于（变量i=0；i

刚得到一个#文档返回，页面上没有操作。刚得到一个#文档返回，页面上没有操作。要使用本机JS属性，如

getElementsByClassName

或

querySelectorAll

，需要对它们进行迭代，当它们返回节点列表或HTMLCollection时。@litel，您看到迭代节点或集合时出现问题了吗？jQuery也会对其进行迭代。我认为要使用原生JS属性，如

GetElementsByCassName

或

querySelectorAll

，您需要对它们进行迭代，因为它们返回NodeList或HTMLCollection。@litel，您看到迭代节点或集合时出现问题了吗？我想jQuery也会迭代它