javascript - 单击 javascript 中的 anchor 标记可在控制台中运行

Question

我有一些像下面这样的 anchor 标记

<a href="#" id="anchor tag id" class="pointer-level">Button</a>

页面加载后，所有 ID 为“GTid_3”的 anchor 标记都会被触发(点击事件)。我写了一段jquery代码

<script>

    $(document).ready(function(){
    })

    $('.pointer-level').each(function(){    
        if($(this).attr("id")=="GTid_3")    
            $(this).click()
    })
</script>

如果我包含在 <script></script> 中，这不起作用标签。但如果我将其粘贴到控制台(开发人员选项)中，它工作正常。这让我很生气。我无法理解为什么它不包含在页面中。当我们在控制台工作时是否调用了任何事件？

Answer 1

您似乎是在创建元素之前运行代码。您还可以使用 console.log 轻松调试它s，像这样:

$(document).ready(function(){
    $('.pointer-level').each(function(){    
         console.log('.pointer-level found');
        if($(this).attr("id")=="GTid_3") {
            console.log('#GTid3 found!');
            $(this).click()
        }
    })
})

你没有提到你到底把它放在哪里<script> ，但是如果相同的代码在控制台中完全可以工作，那么它也需要在实际操作中工作。