jquery - jquery检测点击事件

Question

<?php
while($i<10){
    $roll_no++;?>
    <h4 onclick='alert("Roll No.=$roll_no")'><? echo ucwords($name);?></h4><div>
    <table class='accor'>
        <tr><td>Roll No.</td><td>: <? echo $roll_no;?></td></tr>
    </table></div>"
<?
    $i++;
}?>

这是我的代码，从代码中几乎都清楚了。我没有使用任何 id 或类，就好像$i上升到 100，创建了所有动态 id，我猜它很难处理。

如何使用正确的卷号显示警报。在每个 h4 点击。喜欢

**Jack**
Roll No.: 125

**Jill**
Roll No.: 127

当用户点击 jack 警报将显示 125 并且当他点击 jill 时警报将显示 127

Answer 1

您应该使用 jquery 的事件：

演示

<?php
while($i<10){
    $roll_no++;?>
    <h4  class="clickMe" data-name="<?php echo $name;?>" data-rollno="<?php echo $roll_no?>"><? echo ucwords($name);?></h4><div>
    <table class='accor'>
        <tr><td>Roll No.</td><td>: <? echo $roll_no;?></td></tr>
    </table></div>"
<?
     $i++;
}?>

脚本 ：

$('.clickMe').click(function(e){
    var $obj = $(e.target);
    var name = $obj.data('name');
    var rollno = $obj.data('rollno');
    alert(name+"\n\nRoll No : "+rollno);
});

干杯

Answer 2

<?php
$roll_no = 0;
$i = 0;
while($i<10){
    $roll_no++;
?>
    <h4 onclick="javascript:alert('Roll No.=<?php echo $roll_no;?>')"><?php echo ucwords($name);?></h4>
<?php
    $i++;
}?>