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

我想知道如何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');

最佳答案

给出以下代码：

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。

关于javascript - 在同一tr jQuery中获取td的值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37168356/