JS - 点击未定义？

Question

我正在尝试编写此函数来单击包含特定文本的链接，唯一的问题是该链接不会指向新页面。我只需要触发一次点击，就可以执行下一个运行良好的函数。这是我的代码--

function Clickit() {
var TargetLink = $("a.box:contains('9')")

if (TargetLink.length)
    window.location.href = TargetLink[0].href
    }

这会导致无限重新加载，所以我尝试像这样修改它--

function Clickit() {
var TargetLink = $("a.box:contains('9')")

if (TargetLink.length)
    click().href = TargetLink[0].href
    }

但这给出了一个错误，点击未定义。我还在学习 JS，所以我不太确定我做错了什么。有什么想法吗？

还有没有更好的方法来编写代码而不使用“$”或“JS”，这样我就不必在我的扩展中嵌入 jquery 库？

Answer 1

错误说明了一切。您尚未定义方法 click()。如果您尝试调用 jquery .click() 方法，那么您需要一个类似的元素引用

$('a.box').click();.

只需编写一个 jquery 方法，该方法在单击具有 box 类的 时触发，条件如下，如果条件成立则返回 false。

    $(document).ready(function(){
        $('a.box').click(function(){
            //return false if condition holds
            if($(this).text().indexOf('Google') < 0)
                 return false;
            //else default return is true page navigates to respective link
        });
    });

    <a class="box" href="http://www.google.com">Google<a>

如果你不想使用 jquery，那么跟随 js 会做同样的事情。

    function linkClick(link){
        //return false if condition holds
        if(link.innerHTML.indexOf('Google') < 0)
            return false;
        //else default return is true page navigates to respective link
    }

    <a class="box" onclick="return linkClick(this);" href="http://www.google.com">Google<a>

Answer 2

/* Define the function like this: */
function clickIt(text) {
    [].slice.call(document.querySelectorAll('a.box')).some(function(a) {
        if (a.textContent.indexOf(text) !== -1) {
            a.click();
            return true;
        }
        return false;
    });
}

/* Call it like this: */
clickIt('9');

---

/* Alternatively, you can define the function like this
 * (which uses a more straight-forward syntax to the same effect): */
function clickIt(text) {
    var elems = document.querySelectorAll('a.box');
    for (var i = 0; i < elems.length; i++) {
        var a = elems[i];
        if (a.textContent.indexOf(text) !== -1) {
            a.click();
            break;
        }
    }
}