javascript - jQuery 与 Javascript 点击

Question

我读过很多关于如何处理 Javascript 的 onclick 与 Jquery;s .click() 的主题，但我不知道如何使用 jQuery 传递参数。

第一个选项 - JavaScript、HTML

The HTML

<input type="button" onclick="doAction(<?=$id?>,'order');" />

因此在 JS 中我可以做到

function doAction(id,type){

 //do something here

}

第二个选项 - jQuery、HTML

The HTML

<input type="button" id="trigger" />

所以 jQuery 就变成了

$("#trigger").click(function() {

   //do something here

 });

我是否必须做类似的事情(在这种情况下我如何知道 id 和 type 的值？)

  $("#trigger").click({id: "???", type: "????"}, other_function);

  function other_function(event){
     id = event.data.param1;
     type = event.data.param2;
   }

我是否必须使用“传递参数”

  HTML
  <input type="hidden" id="id" value="<?=$id?>" />
  <input type="hidden" id="type" value="order" />

  jQuery

   $("#trigger").click(function(){
      var id = $("#id").val();
      var type = $("#type").val();
      //do something

   });

我想避免使用 onclick()，因为我读到应该避免使用它。我只需要一种合适的方法来传递参数，就像我使用 onclick() 所做的那样。

Answer 1

可以使用数据来传递 data()参加事件。

<强> Live Demo

 <input type="hidden" id="id" data-idatt="123" />
 <input type="hidden" id="type" value="order" />

 $("#trigger").click(function(){
    var id = $("#id").data("idatt").val();
 });