使用jQuery更改鼠標點擊文本的最佳方式是什麼？

Question

我有我需要拼寫它添加到數據庫之前檢查列表：

<table> 
    <tr> 
    <td>1-1 Some text </td> <td> 1-2Some more text</td> 
    </tr> 
    <tr> 
    <td>2-1 Some text </td> <td> 2-2 Some more text</td> 
    </tr> 
    <tr> 
    <td>3-1 Some text </td> <td> 3-2 Some more text</td> 
    </tr> 
</table> 
<button> Import list to database </button> 

我的想法是這樣的，使用jQuery：

當我點擊在2-1的文本，它會被一個文本框「替換」，以便我可以編輯文本。

什麼是實現這一目標的最佳途徑？

我需要一個包含<input type="text"字段的隱藏字段嗎？ 那會是doint最簡單最優雅的方式嗎？

Answer 1

如果您修改標記以包含t他輸入框，然後當你用text（）函數替換「靜態」字符串時，你需要解決該問題，該元素也有一個輸入元素。

更好的方法可能是保持標記原樣並使用jquery根據需要將單元格交換到單元格中。

因此，當用戶單擊單元格，請執行下列操作

1）讀取當前值期運用文本（）函數 2）與新創建的標籤

當替換當前值用戶點擊確定（或任何其他方法，用於標誌着編輯完成）執行下列

1）閱讀使用val中的當前輸入值（）函數 2）除去該標記 3）使用將值放回細胞text（）函數

Answer 2

雖然這不是您的問題的直接答案，但您應該查看Jeditable。這是一個插件，可以讓你做什麼你問多：

插件頁面：http://www.appelsiini.net/projects/jeditable

演示：http://www.appelsiini.net/projects/jeditable/default.html

Answer 3

例如TAT可能有助於

<table> 
    <tr> 
    <td id="cell1">1-1 Some text </td> 
    </tr> 

</table> 

jQuery的

$('#cell1').click(function(){ 

     $(this).html("<input type='text' value='"+$(this).text()+"'>"); 
    });