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

如果您的表擁有一個以上的用戶行，那將有些麻煩。 為此的新提琴... {沒關系，已經回答}