javascript - 在相同的 tr jQuery 中获取 td 的值

Question

我想知道如何 console.log 的值

$('<td>').text(result[i].id),

如果我在输入按钮上调用该函数，则字段:

$('<tr>').append(
            $('<td>').text(result[i].id),
            $('<td>').text(result[i].naam),
            $('<td>').text(result[i].brouwer),
            $($('<input onclick="getAllData(this)" type="button" value="View" />'))
        ).appendTo('#output');

Answer 1

给出以下代码:

getAllData = function(a) {
  console.log(a.parentElement.firstChild.textContent);
}

result=[{'id': 1, 'naam': 'foo', 'brouwer': 'bar'}];
result.forEach(function( r, i, result ) {
    $('<tr>').append(
                     $('<td>').text(result[i].id),
                     $('<td>').text(result[i].naam),
                     $('<td>').text(result[i].brouwer),
                     $($('<input onclick="getAllData(this);" type="button" value="View" />'))
                    ).appendTo('#output');
});

还有一个像这样的表格:

<table id='output'>
  <tr></tr>
</table>

你会得到你正在寻找的东西。

参见this fiddle对于工作示例。