java - 如何将动态参数传递给jquery函数

Question

我想将一些动态参数传递给 jquery onClick 事件。之前，我使用了这个 HTML 和 JavaScript:

<!-- HTML -->
<a id="link123" href="link1" onClick="javascript:func1(${param1},${param2});">123</a>

/* JavaScript */
func1(param1,param2) {
   // do something
}

参数param1 和param2 来自后台代码，是动态的。我如何得到它在这里并不重要。

在使用 jQuery 之后，我有了这个 HTML 和 JS:

<a href="link123">
<input type="hidden" id="param1" value="${param1}"/>
<input type="hidden" id="param2" value="${param2}"/>

$(document).ready(function() {
  $("#link123").click(function() {
    var param1 = $("#param1")[0].value;
    var param1 = $("#param1")[0].value;
    func1(param1,param2);
  });
});

func1(param1,param2) {
  //do something
}
function func1 is there as before.

我对这个解决方案不满意(将参数作为内联隐藏值传递)。在这种情况下，还有哪些其他更好的方法可以将动态参数传递给 jQuery？

Answer 1

为此建议使用数据属性。使用:

<input data-param1="${param1}" />

然后:

$('input').click(function(){
   $(this).attr('data-param1');
});