Выполнение jQuery логики foreach кнопка таблицы строка

Question

У меня есть таблица компаний со следующими столбцами: id, company_name, select_button.

Когда select_button из компании-строки щелкнул Я хочу:

1. кнопку этой строки, чтобы стать инвалидом и
2. Я хочу, чтобы предупредить название компании в этой строке.

Я не знаю, как это сделать при условии, что каждая кнопка относится к определенной строке с определенным идентификатором.
Может кто-нибудь дать мне совет, пожалуйста, как начать здесь?

Даю ли я каждой кнопке идентификатор? Если да, то как я? Моя следующая логика не работает:

<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.