jquery怎麼修改td的值

在jquery中，可以利用html()方法修改td的值，方法的作用是設定或傳回被選元素的內容，語法為「td元素物件.html('td修改後的值')」。

本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery怎麼修改td的值

在jquery中，表格中td的值，主要透過html()方法來修改，該方法支援文字內容的修改，也支援html內容的修改。

新建一個html文件，命名為test.html，用來講解jquery怎麼修改表格中td裡面的值。引入jquery.min.js庫文件，成功載入該文件，才能使用jquery中的方法。

使用table、tr、td標籤建立一個兩行兩列的表格，並設定其邊框為1px。使用button標籤建立一個按鈕，按鈕名稱為「修改td值」。

給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行edittd()函數。

在js標籤中，建立edittd()函數，在函數內，透過元素名稱td獲得td物件集合，使用eq(2)方法獲得第三個td對象，再使用html()方法修改td的值。例如，這裡將td的值修改為3。

在瀏覽器中開啟test.html文件，點擊按鈕，查看實現的效果。

點擊按鈕後：

#總結：

1、建立一個test.html文件。

2、在檔案內，使用table、tr、td標籤建立一個兩行兩列的表格，同時使用button標籤建立一個按鈕，用於觸發執行js函數。

3、在js標籤內，建立函數，在函數內，取得td對象，使用eq()方法獲得第某個td對象，再使用html()方法修改td的值。

注意事項

eq()方法從0開始，eq(0)表示第一個元素對象，eq(1)表示第二個元素對象，依此類推。

相關影片教學推薦：jQuery影片教學

#

以上是jquery怎麼修改td的值的詳細內容。更多資訊請關注PHP中文網其他相關文章！