クラス別にjavascriptをクリックすると間違ったクラスになる

Question

デバッグの目的で、Chromeのコンソールで次のjavascriptスニペットを使用しています。

var links = document.querySelectorAll('a[class="_5glz _53o _53b"]'); 
for (var i = 0; i < links.length; i++) { 
    links[i].click(); 
    console.log(i); 
} 

私がクリックする必要があるクラスが_5glz _ 53o _53bと私は無視する必要があるクラスである私は、様々なとクロムのプラグインを作成しようとしています_5glz

_53b _ 53Pですfacebookのための自動化されたタスク、Facebookのためのツールキットのようなプラグイン。

私はここで何が間違っているのか知っていますか？ありがとう。マックで尋ね

サンプル：

<div class="_5gl-" id="u_35_0"><a href="#" role="button" class="_5glz _53o _53b">Like</a><a href="#" role="button" class="_5glz _53p _53b">Unlike</a><span class="_6ib"> · </span><a class="_5glz _s4z" role="button" href="#" id="u_35_1">Comment</a><a class="_5gly _5glz" role="button" aria-label="3 likes" href="#" id="u_35_2"><table class="uiGrid _51mz _53z" cellspacing="0" cellpadding="0"><tbody><tr class="_51mx"><td class="_51m- pam _51mw"><table class="uiGrid _51mz" cellspacing="0" cellpadding="0" aria-label="3 likes"><tbody><tr class="_51mx"><td class="_51m- pas"><div class="_29qi"><i class="img sp_MVADFc4iUN7_1_5x sx_3bfd01"></i></div></td><td class="_51m- pas _51mw"><div class="_50f3">3</div></td></tr></tbody></table></td></tr></tbody></table></a></div> 

Answer 1

はでそれをやった：

var elems = document.getElementsByClassName("_53o"); 
for (i = 0; i < elems.length; i++) { 
    if (elems[i].offsetWidth > 0 && elems[i].offsetHeight > 0) { 
     console.log(i); 
     elems[i].click(); 
    } 
} 

はあなたのすべてをありがとう！

Answer 2

だから私はあなたが正規表現セレクタを使用する必要があります信じる：

var links = document.querySelectorAll('a[class~="_5glz"][class~="_53o"][class~="_53b"]'); 

だから、これは、そのクラス属性は言葉が含まれているすべてのタグを選択します "_5glz" と "_53o" と "_53b"

また、あなたも否定して行くことができます：

var links = document.querySelectorAll('a[class~="_5glz"][class~="_53b"]:not([class~="_53p"])'); 

は、あなたが何をする必要があるかによって異なります...このことができます

願っています！