jquery雙擊tr修改內容提交資料
<pre>
$('#table td').on('dblclick',function(){//雙擊的哪一個id
var oldVal = $(this).text();//獲取修改之前的值
var input = "<input type='text' id='tmpId' value='" + oldVal + "' >";//建立一個input
var tr = $(this).closest('tr');//
var id = $(tr).children('td').eq(1).text();//獲得當前這一行的id
$(this).text('');
$(this).append(input);//把input塞進去
$('#tmpId').focus();
$('#tmpId').blur(function(){
if($(this).val() != '' && oldVal != $(this).val()){//當值不為空和不和修改之前的一樣 則提交ajax
oldVal = $(this).val();
$.getJSON("{:U('moneyEdit')}", {'id':id,'money':oldVal})
}
//closest:是從當前元素開始,沿Dom樹向上遍歷直到找到已應用選擇器的一個匹配為止。
$(this).closest('td').text(oldVal);
});
});
</pre>
相關文章
- 雙擊直接修改內容的js程式碼JS
- 使用JQuery雙擊修改Table中TdjQuery
- jQuery Mobile修改button的內容jQuery
- jQuery post()方法提交資料jQuery
- 27_bbed實戰(1)_修改資料內容
- 使用 jQuery 避免滑鼠雙擊jQuery
- Git提交文件部分內容Git
- Git提交內容規範Git
- 修改Jar內容JAR
- 檢視SQL Server資料庫修改了哪些內容SQLServer資料庫
- git commit提交空內容GitMIT
- Python批量修改資料夾內所有json檔案中部分內容PythonJSON
- jQuery滑鼠雙擊事件簡單介紹jQuery事件
- 提交內容到版本庫:git commitGitMIT
- pdf檔案內容怎麼修改 pdf怎麼免費編輯修改內容
- 修改過的專案內容
- 修改網頁內容的方法網頁
- dedecms網站模板內容修改?網站
- 資料與內容中臺
- 資料治理包括哪些內容
- 資料表內容遷移?
- git檢視指定提交檔案的內容Git
- jQuery - 設定內容和屬性jQuery
- jQuery - 獲取內容和屬性jQuery
- jQuery文字框輸入內容同步jQuery
- jQuery內容橫向拖拽滾動jQuery
- 利用ABAP除錯模式修改SE16裡資料庫表的內容除錯模式資料庫
- git修改歷史內容的方法Git
- PBootCMS後臺系統內容修改boot
- ftp上直接修改檔案內容FTP
- 大資料分析包括哪些內容大資料
- 大資料治理包括哪些內容大資料
- 資料科學的基本內容資料科學
- 資料庫冷備份內容資料庫
- WINDOWS資料夾內容簡介Windows
- 資料庫鍵方面的內容資料庫
- oracle資料庫巡檢內容Oracle資料庫
- 資料庫運維工作內容資料庫運維