Question

<div class="follow_form">        <a class="button follow_button follow_button_3713620 grey" data-remote="true" rel="nofollow" data-method="patch" href="http://www.tsu.co/unfollow/3713620">Following</a>
</div>

尝试点击rel =“nofollow”

的所有按钮

javascript:var inputs = document.getElementsByClassName('rel'); for(var i=0; i<inputs.length;i++) { inputs[i].click(); }

^无效，因为每个按钮的类名不同，但所有按钮的“rel”保持不变。

Answer 1

这是一个仅限javascript的解决方案。它仅在现代浏览器中受支持。但是，appx 95% of browsers完全支持它。

添加了能够在单击之前检查类中是否存在字符串"follow_button"。

javascript:var inputs = document.querySelectorAll("[rel='nofollow']");
for (var i=0; i<inputs.length;i++) { 
    if (inputs[i].className.indexOf("follow_button") > -1) {
        inputs[i].click();
    }
}

Answer 2

使用JQuery你可以这样做（我添加了一个id，所以当你点击某个链接时，当前的id会记录在控制台中，在这里添加自定义代码，调用函数等）：

使用多个链接：

<div class="follow_form">        
    <a id="follow_button_371hjh" class="button follow_button follow_button_371hjh grey" data-remote="true" rel="nofollow" data-method="patch" href="http://www.tsu.co/unfollow/3713620">Following</a>

    <a id="follow_button_12312ss" class="button follow_button follow_button_371hjh grey" data-remote="true" rel="nofollow" data-method="patch" href="http://www.tsu.co/unfollow/3713620">Following</a>
</div>

使用Jquery，您可以获得当前点击的链接：

$(".follow_form").on("click", "[id^=follow_button_]", function() {
    console.log("Link pressed: " + $(this).attr("id"));
});

请看：http://jsfiddle.net/c2j9toLy/

单击按钮Javascript

2 个答案: