javascript - 按类别点击 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 _53p _53b

我正在尝试制作一个带有 Facebook 各种自动化任务的 Chrome 插件，例如 Toolkit for Facebook 插件。

你们知道我在这里做错了什么吗？谢谢。

Mac 询问的示例:

<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 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"])');

取决于您需要做什么...

希望这有帮助!