如何使用Greasemonkey单击<li>项目？</li>

Question

<ul class="myList clearfix" id="thismyList">
    <li class="myBullet" id="answer1">blabla1</li>
    <li class="myBullet" id="answer2">blabla2</li>
    <li class="myBullet" id="answer3">blabla3</li>
</ul>

在此页面中，如何自动点击项目blabla2？

Answer 1

最短和最强大的可能是XPath方式（顺便说一句 - 它是为数不多的w3规范之一，实际上是一个非常好的和有用的读物​​）。你几乎可以拥有任何你想拥有的条件。

var xresult = document.evaluate("//*[text()='blabla2']", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
xresult.singleNodeValue.click();

evaluate()， click()

See this doc to know more about XPath in JavaScript.

---

非XPath方式是手动遍历所有节点并搜索包含正确文本的第一个节点：

var findElem = function(elems, text) {
    for (var i = 0; i < elems.length; i++) {
        if (elems[i].textContent == text) {
            return elems[i];
        } else {
            var result = findElem(elems[i].children, text);
            if (result != undefined) {
                return result;
            }
        }
    }
    return;
}

findElem(document.documentElement.children, "blabla2").click();