按钮单击帮助（Greasemonkey）

Question

Please help me, I need to click these 2 buttons links:

<li class="booster" id="b_10">
    <img alt="" src="http://www.erepublik.com/images/parts/pixel.gif" class="overlay" />
    <div class="top">
        <strong><a href="javascript:;">Army boots</a></strong>
        <big>0</big>
    </div>
    <img src="http://static.erepublik.com/uploads/boosters/10_77x77.png" alt="" />
    <em class="give like10"></em>
</li>

And:

<span class="tip" id="tip_534689">
    <a class="workTrigger" companyId="534689" href="javascript:;">
        <img src="http://www.erepublik.com/images/modules/myland/tip_icons/work.png" alt="" />
    </a>
</span>

Answer 1

Something like this should work, but the // @include directive should be more specific, if possible, and the jQuery selectors might require information that was not given in the question.

The art is in choosing the selectors to get the link/button/node you are after. For best results, this often requires seeing the whole page's code.

// ==UserScript==
// @name            _Generic Link clicker
// @include         http://www.erepublik.com/*
// @require         http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
// ==/UserScript==

var topBoosterLink  = $("li.booster > div.top > strong > a:first");
var workTipLink     = $("span.tip > a.workTrigger:first");

clickJ_Node (topBoosterLink);
clickJ_Node (workTipLink);


function clickJ_Node (jNode)
{
    if (jNode && jNode.length)
    {
        var clickEvent  = document.createEvent ("HTMLEvents");
        clickEvent.initEvent ("click", true, true);
        jNode[0].dispatchEvent (clickEvent);
    }
    else
        GM_log ('No node found to click!');
}