Onclick perform action multple hrefs with same class

Question

Okay, I have a for loops which grabs random data from the database. I have assigned those values to my a href like so:

<input type="text" class="form-control text-center no-left-border" maxlength="11" id="sellamount" name="sellamount" value="0" />
  <a href="<?php echo $buyOrders->amount; ?>" class="buyorderamount">

and the href click I am wanting the href value to go in to my checkbox, I am using the following code to perform that action:

 $(".buyorderamount").click(function(e)
  {
    e.preventDefault();
    $('#sellamount').val($('.buyorderamount').attr('href'));
    return false;
  });

Only the first href is updating the input, when I click link 2,3 etc they don't update the input.

Answer 1

Beause you do not reference the one that was clicked

$('.buyorderamount').attr('href') <-- grabs all the elements and will return the first one

You need to get the one you clicked on

$(this).attr('href')