在相同的tr jQuery中获取td的val

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。