PHPで生成されたテーブル行セルのボタンからJavascript関数を実行するecho

Question

テーブル行セルからJavascript関数を呼び出したい。 その行のIDも渡す必要があります。

私はhref（私の編集ダイアログをポップアップします）を使用しますが、Id（BrId）は渡しません。 次は、JavaScriptイベント（$(document).ready(function() {.....etc}内でクリックイベント関数を関連付けるコード/関数を見たことがあるが）をJavascript関数を呼び出すボタンだが、これが主キーである必要な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>'; 
} 

"a href="#dialog" name="modal"がするように理想的な機能はまた、私のポップアップDIV（ID =ダイアログ）を表示します。

このことができます場合は、ここでのスクリプトのセクションです：

$(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');