从html onclick事件传递jQuery onclick函数的参数

Question

我希望从html onClick事件中将参数传递给onClick jQuery函数。

PHP中的HTML语句呈现：

$name = "abcd";
for ($i=0;$<10;$i++){
$text .= '<tr>
             <td>'.$i.'</td>
             <td><div id="name">'.$name.'/div>
                 <a class="href" onclick="callJSFunc($i,\''.$name.'\')" ></a>
             </td>
          </tr>';
}

javascript：

function callJSFunc(i , name){
alert(i+"  "+name);
}

我想把它变成这样子：

$(".href").click(function(i,name,event){
alert(i+"  "+name);
});

Answer 1

Why don't you try in some other way

$name = "abcd";
for ($i=0;$<10;$i++){
$text .= '<tr>
         <td>'.$i.'</td>
         <td><div id="name">'.$name.'/div>
             <a class="href" data-id="'.$i.'" data-name="'.$name.'" ></a>
         </td>
      </tr>';
}

And in jQuery onClick

$(".href").click(function(){
    alert($(this).attr('data-id')+"  "+$(this).attr('data-name'));
});