I have been trying to use jquery click event with an element in php for loop. How can I transfer the counter value to jquery before click.
My PHP Code:
<?php $counter=0;foreach($a as $abc){$counter++;?>
<div id="mail_<?php echo $counter;?>" class="ma" />
<?php }?>
Jquery Code:
$(document).ready(function(){
$(".ma").click
How could I use this counter variable before click in jquery.
分享 Example : Full HTML Code. Just copy, Paste & Run in Browser. [Used @RafH's Solution]
<html>
<head>
<title>jQuery Test</title>
<style type="text/css">
div { color:blue; margin:3px; cursor:pointer; }
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".ma").click(function() {
var counter = $(this).attr('id').split('_')[1];
alert("Counter ID "+counter);
});
});
</script>
</head>
<body>
<?php
for($counter=1;$counter<=10;$counter++)
{
?>
<div id="mail_<?php echo $counter;?>" class="ma" />Test</div>
<?php
}
?>
</body>
</html>
