javascript - (Jquery) 从选定的tr中查找td的内容

Question

我是 JQuery 的新手，所以很抱歉这个问题可能非常简单。

我有一个表格，当我点击一行时，我希望将单元格的详细信息填写到一个表格中:

很简单的例子

<table id="table">
 <tr><td class="field1">1 </td><td class="field2">2 </td></tr>
</table>
<input id="input" type="text" />

所以 JQuery:

$(document).ready(function() {
   $('#table tr').click(function() {
       $test = $(this).find('td').context.innerText) //problem here *
       $('#input').val( );
   })

• 这将返回 tr 的内部文本(即“1 2”

我应该怎么做...

提前致谢

安迪

编辑:好吧，在我匆忙中我看到我搞砸了我应该输入的内容，这是我正在尝试的 js:

$(document).ready(function() {
   $('#table tr').click(function() {
       $field1 = $(this).find('td.field1').context.innerText) //problem here *
       $('#input1').val($field1);
       $field2 = $(this).find('td.field2').context.innerText) //problem here *
       $('#input12').val($field2);
   })

为困惑道歉

Answer 1

如果您希望将每个单元格的文本捕获为单个空格分隔的字符串来填充您的输入，您可以这样做:

$(document).ready(function() {
   $('#table tr').click(function() {
       var $test = $(this).find('td').map(function() {
           return $(this).text();
       }).get().join(" ");
       $('#input').val($test);
   });
});

编辑只需调用 text() ，例如:

var $field1 = $(this).find('td.field1').text();