Question

我在有组织的表格中有一个用户列表。当我点击要编辑其信息的用户行时，我想要一个启动样式的div。当出现启动画面时，我希望在启动画面中包含输入框以包含用户的信息。到目前为止，我完成了启动画面效果。现在最后一部分是使用与splash相同的onclick事件获取行内的数据，获取列的值，以及更改splash中输入框的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>

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

=）

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();

如果你的桌子拥有多个用户行，那么必须要有点棘手。在路上的新小提琴...... {没关系，已经回答}

用于编辑页面信息的jquery启动画面

2 个答案: