Question

对不起我的问题，但这是我第一次来到这里，我也进行了一些搜索，但从未找到任何解决方案。

我是ajax的新手，并试着在这里找出我的问题。

我有一张这样的表：

<table>
<thead>
<th></th>
<th></th>
</thead>

<tbody>

<tr>
<td>aaa</td><td>bbb</td>
</tr>

<tr>
<td>aaa</td><td>bbb</td>
</tr>

</tbody>
</table>

然后我需要一个解决方案，当我点击一行时，它将从td标签获取文本内容并填充到带有标签和输入标签的另一个DIV。

我该怎么做？感谢您的所有帮助。

Answer 1

使用jQuery - 以下javascript将添加一个行单击处理程序并弹出行中第一个单元格的值：

$('#tableId').on('click', 'tr', function() {
    var row = $(this).find('td:first').text();
    alert('You clicked ' + row);
});

选择器正在使用table元素中的id，因此您需要为表元素提供表id。一旦你有了工作，而不是警报，你可以像这样更新另一个div：

$("#idOfYourDiv).text(row);

Answer 2

您可以像这样处理文档就绪的点击事件：

$(document).ready(function () {
    $("tr").click(onRowClick);
});

然后，在onRowClick函数中，找到一行的td元素（它将是$（this））并使用每种方法遍历它们：

function onRowClick(evt) {
    $(this).find("td").each(function () {
        console.log($(this).html());
    });            
}

在我的示例中，我将单元格值写入Console。你可以把它们写在你需要的地方。