cant alert id button by clicking id

Question

View

<?php $no=1; foreach($result as $r){?>
  <span><?php echo $r['id'];?></span><span><?php echo $r['name'];?></span>
<button class="btn btn-success" id="<?php echo $no?>">Add</button>
<?php $no++;}?>

This php code will display 5 buttons with the different id (1,2,3 and so on). What I want to happen is when I click any of the 5 buttons the jQuery function will show its id. I have this code.

var btn = $('.btn-success').attr('id');
$('#'+btn).click(function(){
  alert(btn);
 }

but, it only appears for the first id.

score 2 · Accepted Answer · answered May 03 '14 at 14:22

$('.btn-success') gets all the elements, but when you add attr(), it only gets the attribute for the first element in the collection.

You can just attach the event handler to the entire collection, and use this.id to get the ID of the clicked element inside the event handler

$('.btn-success').on('click', function(){
    alert(this.id);
});

score 0 · Answer 2 · edited May 23 '17 at 11:50

0

Try following

$('.btn-success').click(function(){
    $(this).attr('id');
    alert(btn);
}

I would suggest not to use numbers as ID value, if possible. Check this link Valid ID and Name

edited May 23 '17 at 11:50

Community

1
1

answered May 03 '14 at 14:22

Lepanto

1,413
1
8
15

score 0 · Answer 3 · answered May 03 '14 at 14:25

0

Try this..

$('.btn-success').on('click', function(){
    alert(this.id);
});

answered May 03 '14 at 14:25

Jameem

1,840
3
15
26

score 0 · Answer 4 · answered May 05 '14 at 08:12

You can do something like:

In you view:

<?php $no=1; foreach($result as $r){?>
   <span><?php echo $r['id'];?></span><span><?php echo $r['name'];?></span>
   <button onclick="abc(this.id)" class="btn btn-success" id="<?php echo $no?>">Add</button>
<?php $no++;}?>

Use this javascript function as :

function abc(id){
     alert(id);
}

cant alert id button by clicking id

4 Answers4