做jQuery的錶行

Question

的邏輯的foreach按鈕我有具有下列的企業表：id，company_name，select_button。

當一家公司排的select_button被點擊我想：

1. 此行的按鈕被禁用，
2. 我希望它提醒該行的公司名稱。

我不知道如何在這種情況下完成這項工作時，每個按鈕指的是某個特定的id行。
有人可以給我的建議請怎麼從這裏開始？

難道我給每個按鈕的ID？如果是，我如何？我下面的邏輯不工作：

<input type='button' class="button_<?php echo $company->id ?>" /> 

<script> 
    $(document).ready(function(){ 
     $(':button_<?php echo $company->id ?>').click(function(){ 
      alert('<?php echo $company->company_name; ?>'); 
      $(':button_<?php echo $company->id ?>').prop("disabled",true);    
    }); 
</script> 

Answer 1

HTML

<input type='button' class="button" value="<?php echo $company->id ?>"/> 

JS

$(document).ready(function(){ 
    $('.button').click(function(){ 
     alert($(this).val()); 
     $(this).prop("disabled",true);    
}); 

Answer 2

您可以使用jQuery的.data將數據保存的HTML元素，並在以後檢索：

<input type="button" class="my-btn" id="button_1" value="button #1" /> 
<input type="button" class="my-btn" id="button_2" value="button #2" /> 
<input type="button" class="my-btn" id="button_3" value="button #3" /> 

$(document).ready(function() { 
    $('#button_1').data('msg', 'text you need to alert for button #1'); 
    $('#button_2').data('msg', 'text you need to alert for button #2'); 
    $('#button_3').data('msg', 'text you need to alert for button #3'); 

    $('.my-btn').on('click', function(){ 
     alert($(this).data('msg')); 
     $(this).prop("disabled",true);    
    }); 
}); 

注意：你可能需要上述更改爲id="button_<?php echo $company->id ?>" value="button #<?php echo $company->id ?>"

退房的fiddle。