Выполнить функцию Javascript от кнопки в ячейке строки таблицы, которая была сгенерирована PHP echo

Question

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

В одной ячейке я использую href (который открывает мой диалог редактирования), но не передает Id (BrId). Следующий, в идеале, кнопка, которая вызывает функцию Javascript (хотя я видел код / ​​функции, которые связывают функцию события click внутри $(document).ready(function() {.....etc}), но не уверен, что это подберет требуемый Id (BrId), который является первичным ключ к таблице базы данных.

Код:

foreach ($myrows as $row) {               
       echo "<tr>"; 

         echo '<td style="border:none;">' .$row->BrId. '</td>'; 
         echo '......'
         echo '......'
         echo '<td style="border:none;"><a href="#dialog" name="modal">Edit this branch </td>';
         echo '<td style="border:none;"><button onclick="EditBranch (1)"></td>';
 }

В идеале функция также показывает мой всплывающий элемент div (id = dialog), как "a href="#dialog" name="modal".

Если это поможет, вот часть сценария:

$(document).ready(function() {

     //select all the a tags with name equal to modal
     $('a[name=modal]').click(function(e) {

     //Cancel the link behavior
     e.preventDefault();

     //Get the A tag 
     var id = $(this).attr('href');  //gets me my div id

    //other code for transition effects and positioning of my div....
}

Answer 1

Вы можете передать идентификатор строки через пользовательский атрибут данных html:

echo '<a href="#dialog" name="modal" data-id="' . $row->BrId . '"> Edit this branch </a>';

Затем вы просто получите его следующим образом:

var id = $(this).attr('data-id');