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++; 
}?> 

이것은 내 코드이며 코드는 모두 거의 분명합니다. $i이 100까지 올라가는 것처럼 모든 ID 또는 클래스를 사용하지는 않습니다. 모든 동적 ID가 만들어지면 짐작할 수 없을 것입니다.

적절한 롤 번호로 알림을 표시하려면 어떻게해야합니까? 클릭 한 각 h4 아래. 같은

**Jack** 
Roll No.: 125 

**Jill** 
Roll No.: 127 

는 사용자가 125을 보여줍니다 잭 경고를 클릭 할 때 그가 질을 클릭 할 때 경고 당신은 jQuery의 이벤트를 사용해야 127

Answer 1

를 표시합니다 :

Demo

을

<?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++; 
}?>