2016-04-06 39 views
1

我想點擊這個類點擊所有按鈕與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> 

回答

0

下一個頁面上的所有按鈕使用jQuery試試這個:

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

博訥晚會! Frédéric

+0

剛拿到#文檔返回,頁面上沒有動作。 –

0

我想你想實際點擊所有的按鈕,而不是設置點擊處理程序。不知道什麼是真實世界的用例,而是用jQuery來代替它。

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

使用$(「文件」)。準備加載整個頁面後點擊按鈕,因爲沒有它,你點擊了什麼沒有加載元素(這意味着你點擊任何內容)

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

或者,如果是需要排除一些元素

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

或爲什麼不使用JS ONLY

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]); 
} 
+1

要使用像getElementsByClassName或querySelectorAll這樣的本機JS屬性,您需要遍歷它們,因爲它們返回NodeList或HTMLCollection。 – litel

+0

@litel並且您在迭代節點或集合時看到問題? jQuery也迭代它我認爲 – Michael