Get Value in HTML-Tabelle mit Knopf

Ich habe eine einfache Tabelle, die ein Array gefüllt ist mit:Get Value in HTML-Tabelle mit Knopf

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);

Idealerweise würde ich die goToClass mag() -Funktion mir die object.ID für diese einzelne Zeile zu geben, dass wurde ausgewählt.

Also zum Beispiel, wenn ich die Schaltfläche in der ersten Zeile in der Tabelle auswählen, würde es mir die object.ID für diese Klasse geben.

Wie würde ich das tun?

Quelle

2016-04-10 ComeOncOME

Try this:

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

Wenn ich die Tasten klicken, wird die Konsole gibt mir die korrekte ID in jedem Fall.

Quelle

2016-04-10 22:41:51 Pedro

Nur einen Referenzfehler zu bekommen ist undefiniert mit der richtigen ID, die jetzt in der Konsole angezeigt wird. Irgendwelche Ideen? – ComeOncOME

Aktualisierte meine Antwort. – Pedro

Das Problem ist, dass ich nicht die ID in meiner Tabelle habe. Ich kann nur mit object.ID darauf zugreifen. Macht das mehr Sinn? – ComeOncOME

Get Value in HTML-Tabelle mit Knopf

Antwort

Verwandte Themen