javascript - 如何将参数从 anchor 标记 onclick 传递到 document.ready 中的函数

Question

假设我在文档中准备好了一个函数。

$(document).ready(function()
{ 
    function myFunction(id) {
        alert(id);
    };
})

我想从这样的 anchor 标记传递一个参数。

<a href="javascript:void(0)" onclick="myFunction(1)">Item 1</a>
<a href="javascript:void(0)" onclick="myFunction(2)">Item 2</a>
<a href="javascript:void(0)" onclick="myFunction(3)">Item 3</a>

我知道 myFunction 不在全局范围内。这就是为什么它不会起作用。那么有没有办法将参数从 anchor 标记传递到文档中的函数准备就绪？

Answer 1

尝试使用 jQuery 事件绑定(bind)。

$(document).ready(function()
{ 
    function myFunction(id) {
        alert(id);
    };
    
    $(document).on("click", "a", function(event) {
      var arg = $(this).attr("data-arg");
      myFunction(arg);
    });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="javascript:void(0)" data-arg="1">Item 1</a>
<a href="javascript:void(0)" data-arg="2">Item 2</a>
<a href="javascript:void(0)" data-arg="3">Item 3</a>