jQuery初始屏幕，用于编辑页面信息

Question

我在有组织的表中有一个用户列表。 当我单击要编辑其信息的用户行时，我希望出现一个初始样式的div。 当启动画面出现时，我希望在启动画面中有一些输入框，其中包含用户的信息。 到目前为止，我完成了初始屏幕效果。 现在，最后一块是使用与闪屏相同的onclick事件在行中获取数据，获取列的值，并更改闪屏内输入框的innerHTML。

http://jsfiddle.net/nH6x6/1/

解决方案： http : //jsfiddle.net/nH6x6/3/

<tr class="data" id="row1">
    <td>1</td>
    <td>Marquezso</td>
    <td>123456</td>
    <td>noob@coder.com</td>
</tr>

在小提琴中，您必须单击该行以激活启动画面。 我希望用户名和电子邮件输入字段包含单击的行的数据。 在这种情况下，第1行

=）

Answer 1

您将需要引用相关的td元素并获取其内容。

例如：

$('input[name="username"]').val($('#row1 td:first').text());

在上面的示例中，我为您的输入命名，因为它更易于引用。

Answer 2

您可以在这里： http : //jsfiddle.net/76bdx/3/

这是一个代码段，单击小提琴以查看所有内容...

//Fill the form
document.getElementById('username').value=$('.data td:nth-child(2)').html();
document.getElementById('email').value=$('.data td:nth-child(4)').html();

如果您的表拥有一个以上的用户行，那将有些麻烦。 为此的新提琴... {没关系，已经回答}