call jquery load on <a > link

Question

i have page in php and all over page i am using < 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 link jquery load function should called, like

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

but i can't change PHP loop and < a tag ...

Thanks

Answer 1

You mean something like this:

<a href="abc.php?ref=<?php echo $i ?>" id="yourLink">"CLick me No. <?php echo $i ?> </a>


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

Bobby

Answer 2

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(...);
});

Answer 3

Something like this maybe :

$('a[href^="abc.php"]').click(function(event){
  //do whatever you want
   $('#div1').load(event.target.href, null, function() {});

});

Answer 4

PHP:

<?php for($i=1;$i<=5;$++) {?>
  <a class="anchor-click" href="#" id="<?php echo $i ?>">CLick me No. <?php echo $i ?></a><br />
<?php } ?>

JS

$(function(){
   $(".anchor-click").bind("click", function(event){
      event.stopPropagation();
      $('#div1').load("abc.php?ref="+$(this).attr("id"), null, function() {

      });
   });
});