获取表格TD中的数据并将其显示在“输入文本”框中

时间:2010-07-12 13:49:02

标签: jquery

我的表中有一些数据,如下所示:

<table>
<tr>
<td>
hello world! I am new to JQuery
</td>
</tr>
</table>

<input type="text" id="displayingText" value="">

我试图抓取表格的TD标签中的数据并显示数据 在Inout Text字段中。
在这种情况下,是否可以在JQuery中执行此操作?

2 个答案:

答案 0 :(得分:2)

对于您提供的代码,请尝试此操作。

$(function() {
    $('#displayingText').val( $('table td').text() );
});

如果您的表格发生变化,答案可能也需要改变。

这是一个例子。

http://jsfiddle.net/9hPG2/

答案 1 :(得分:1)

如果你有一个td:

$("#displayingText").val($("td").html());

如果你有几个td:

$("td").each(function(){
     $("#displayingText").val($("#displayingText").val()+$(this).html());
});