ボタン

を使用してHTMLテーブルの値を取得します。私は、配列を使用して移入され、簡単なテーブルがあります。ボタン

for (var i = 0; i < results.length; i++) { 
    var object = results[i]; 
    (function($) { 
    $('#results-table').append('<tbody><tr><td>' + object.get('Name') + '</td><td>' + object.get('Description') + '</td><td><button class="button" onclick="goToClass()">View Class</></tr></tbody>'); 
    })(jQuery);

を理想的には私がいることをその個々の行のために私にobject.IDを与えることgoToClass（）関数をしたいと思います選択されました。

たとえば、テーブルの最初の行のボタンを選択すると、そのクラスのobject.IDが表示されます。

どうすればよいですか？

出典

2016-04-10 ComeOncOME

これを試してみてください：私はボタンをクリックすると

<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    </head> 
    <body> 
     <table id="results-table"> 
     </table> 
    </body> 
    <script> 
     results = [ 
      {Name:1,Description:"one",ID:1111}, 
      {Name:2,Description:"two",ID:2222}, 
      {Name:3,Description:"Three",ID:3333} 
     ] 
     for (var i = 0; i < results.length; i++) { 
      var object = results[i]; 
      (function($) { 
       $('#results-table').append('<tbody><tr><td>' + object['Name'] + '</td><td>' + object['Description'] + '</td><td><button class="button" onclick="goToClass('+object['ID'].toString()+')">View Class</></tr></tbody>'); 
      })(jQuery); 
     } 
     function goToClass(id) { 
      console.log(id) 
     } 
    </script> 
</html>

は、コンソールは、それぞれの場合に私に正しいIDを提供します。

出典

2016-04-10 22:41:51 Pedro

ちょうど参照エラーを得ることは、コンソールに表示されている正しいIDで未定義です。何か案は？ – ComeOncOME

私の答えを更新しました。 – Pedro

私のテーブルにはIDがないという問題があります。私はobject.IDを使ってアクセスできます。それは理にかなっていますか？ – ComeOncOME

答えて

関連する問題