Javascript 使用按钮获取HTML表中的值_Javascript_Jquery_Html

Javascript 使用按钮获取HTML表中的值

javascript jquery html

Javascript 使用按钮获取HTML表中的值,javascript,jquery,html,Javascript,Jquery,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')

我有一个使用数组填充的简单表：

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

for（var i=0；i


理想情况下，我希望goToClass（）函数为我提供所选单个行的object.ID
例如，如果我选择表中第一行的按钮，它将为我提供该类的object.ID
我该怎么做？
试试这个：
<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>


结果=[
{名称：1，说明：“一”，ID:1111}，
{姓名：2，说明：“2”，ID:2222}，
{姓名：3，描述：“三”，ID:3333}
]
对于（var i=0；i

当我单击按钮时，控制台会在每种情况下为我提供正确的id。
仅获取引用错误是未定义的，并且控制台中现在显示了正确的id。有什么想法吗？更新了我的答案。问题是我的表中没有id。我只能使用object.id访问它。这更有意义吗？你是指DOM id吗？你如何处理如何使用它？编辑DOM或对结果数组执行某些操作？