Question

I have a page in php and all over the page I am using the <a tag to link.

For example:

 <?php for($i=1;$i<=5;$++) {?>
 <a href="abc.php?ref=<?php echo $i ?>"CLick me No. <?php echo $i ?> </a>
 <?php } ?>

What I want to do is once we click on the link, jquery load function should called, like

 $('#div1').load('abc.php?ref=1'null, function() {
  });

but I can’t change the php loop and <a tag …

Thanks

Answer 1

Give each anchor a common class and an attribute that identifies the value of $i:

<a href="..." anchor-id="<?= $i ?>" class="numbered-anchor">...</a>

Then attach an on-click function to them:

$('a.numbered-anchors').click(function(e) {
  var i = $(this).attr('anchor-id');
  $('#div' + i).load(...);
});