(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的innertext(即"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();