通過單擊ID無法警告ID按鈕

Question

視圖

<?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++;}?>

這個PHP代碼將顯示5個具有不同ID（1,2,3等）的按鈕。 我想要發生的是當我點擊5個按鈕中的任何一個時，jQuery函數將顯示其id。 我有這個代碼。

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

但是，它只出現在第一個id。

Answer 1

$('.btn-success')獲取所有元素，但是當你添加attr() ，它只獲取集合中第一個元素的屬性。

您可以將事件處理程序附加到整個集合，並使用this.id獲取事件處理程序中單擊元素的ID

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

Answer 2

試試以下

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

如果可能的話，我建議不要使用數字作為ID值。 檢查此鏈接有效ID和名稱

Answer 3

嘗試這個..

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

Answer 4

你可以這樣做：

在你看來：

<?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++;}?>

使用此javascript函數：

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