javascript - 从由 PHP echo 生成的表行单元格中的按钮执行 Javascript 函数

Question

我想从表格行单元格调用 Javascript 函数。 我还需要传递该行的 id。

在一个单元格中，我使用 href(它会弹出我的编辑对话框)，但不传递 Id (BrId)。 下一个，理想情况下是一个调用 Javascript 函数的按钮(尽管我见过在 $(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 数据属性传递行 ID:

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

然后，您只需像这样检索它:

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