1

我在许多线程中阅读了很多关于这个问题的信息。我发现的最好的在这里：jQuery's .click - pass parameters to user function

 // say your selector and click handler looks something like this...
 $("some selector").click({param1: "Hello", param2: "World"}, cool_function);

 // in your function, just grab the event object and go crazy...
 function cool_function(event){
    alert(event.data.param1);
    alert(event.data.param2);
 }

我的问题是我想为我的参数动态分配值。不仅仅是“你好”等。

例如我有这样的事情：

   <?php
   for($i=0;$i<5;$i++){
   ?>
   <input type="text" id="client_<?=$i?>"> 
   <?
   }
  ?>

如何重写 jQuery 来处理不同的参数值？例如 0,1,2,3,4

显然，我不能做类似的事情

 $("#client_1").click({num:1}, cool_function);
 $("#client_2").click({num:2}, cool_function);
 $("#client_3").click({num:3}, cool_function);

等等

4

2 回答 2

1

在那个特定的例子中，你可能最好只抓住id，因为你已经将它输出到元素：

$("some selector").click(function() {
    var num = parseInt(this.id.replace(/\D/g, ""), 10);
    // Do something with `num`
});

如果你还没有放在id那里，你可以使用一个data-*属性：

<?php
for($i=0;$i<5;$i++){
?>
<input type="text" data-num="<?=$i?>"> 
<?
}
?>

...然后在click处理程序中检索它：

$("some selector").click(function() {
    var num = parseInt($(this).attr("data-num"), 10);
    // Or
    var num = parseInt($(this).data("num"), 10);
});
于 2013-01-21T08:59:35.077 回答
1

你去：

$("#foo").click({param1: "Hello", param2: "World"}, onClick);

function onClick(event) {
    for (var param_name in event.data) {
        if (event.data.hasOwnProperty(param_name)) {
            alert('param_name = '+ event.data[param_name]);
        }
    }
}

jsFiddle

于 2013-01-21T09:11:20.413 回答