Jquery針對(duì)tr td的一些實(shí)用操作方法(必看篇)
更新時(shí)間：2016年10月05日 20:01:20 投稿：jingxian
下面就為大家?guī)?lái)一篇Jquery針對(duì)tr td的一些實(shí)用操作方法(必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
本文介紹一下Jquery對(duì)table中的tr和td的操作。
第一個(gè)知識(shí)點(diǎn) 清空tr
<span style="font-size:18px;"><tr id="dynamicTrOne"></tr></span>
假設(shè)你已經(jīng)動(dòng)態(tài)為id=dynamicTrOne的tr創(chuàng)建了td，可以使用
$("#dynamicTrOne").empty();
銷(xiāo)毀該tr里的所有td
第二個(gè)知識(shí)點(diǎn) 創(chuàng)建td元素
代碼如下：
var td1 = $("<td width='140px'>"+<strong><span style="color:#ff6666;">strKey0</span></strong>+" :</td>");
var td2 = $("<td width='60px'><input name='strKey0' value='${strKey0}' class='logType'></input></td>");
如果是變量的，如strKey0,需要使用兩個(gè)+號(hào)括住。
第三個(gè)知識(shí)點(diǎn) 將td追加到tr上
代碼如下：
$("#dynamicTrOne").append(td1);
第四個(gè)知識(shí)點(diǎn) 改變td中的內(nèi)容
html代碼如下：
<span style="font-size:18px;"><td class="back-concen-tab-top" id="strKey0">str_key0</td></span>
Jquery代碼如下：
$("#strKey0").html("str_key0");
以上就是小編為大家?guī)?lái)的Jquery針對(duì)tr td的一些實(shí)用操作方法(必看篇)全部?jī)?nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
jquery移除了live()、die(),新版事件綁定on()、off()的方法
下面小編就為大家?guī)?lái)一篇jquery移除了live()、die(),新版事件綁定on()、off()的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
jquery+CSS3模擬Path2.0動(dòng)畫(huà)菜單效果代碼
這篇文章主要介紹了jquery+CSS3模擬Path2.0動(dòng)畫(huà)菜單效果代碼,涉及jquery鼠標(biāo)click點(diǎn)擊事件及頁(yè)面元素樣式動(dòng)態(tài)變換的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-08-08
jQuery插件Skippr實(shí)現(xiàn)焦點(diǎn)圖幻燈片特效
Skippr 是一個(gè)超級(jí)簡(jiǎn)單的 jQuery 幻燈片插件。只是包括你的網(wǎng)頁(yè)中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了。Skippr 能夠自適應(yīng)窗口寬度，而且導(dǎo)航是獨(dú)特的條形導(dǎo)航。2015-04-04
利用JQuery動(dòng)畫(huà)制作滑動(dòng)菜單項(xiàng)效果實(shí)現(xiàn)步驟及代碼
滑動(dòng)菜單項(xiàng)效果,聽(tīng)起來(lái)就是很時(shí)尚的一個(gè)效果，不過(guò)實(shí)現(xiàn)起來(lái)有些麻煩，還好有本文的出現(xiàn)，可以幫助你解決這個(gè)困惑，熱愛(ài)特效的你可不要錯(cuò)過(guò)了哈，好了話不多說(shuō)切入正文2013-02-02
模擬select的代碼，使用jquery的朋友可以參考下。2011-10-10
利用jQuery實(shí)現(xiàn)可輸入搜索文字的下拉框
jQuery實(shí)現(xiàn)點(diǎn)擊下拉框輸入框時(shí)，自動(dòng)顯示下面的下拉列表，而且是根據(jù)輸入框中輸入的搜索添加，自動(dòng)在后臺(tái)查找，然后傳到前臺(tái)，展現(xiàn)頁(yè)面2013-10-10
基于jQuery插件jqzoom實(shí)現(xiàn)的圖片放大鏡效果示例
這篇文章主要介紹了基于jQuery插件jqzoom實(shí)現(xiàn)的圖片放大鏡效果,結(jié)合實(shí)例形式分析了jQuery插件jqzoom的使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-01-01
jQuery實(shí)現(xiàn)碰到邊緣反彈的動(dòng)畫(huà)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)碰到邊緣反彈的動(dòng)畫(huà),非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-02-02
將JavaScript的jQuery庫(kù)中表單轉(zhuǎn)化為JSON對(duì)象的方法
這篇文章主要介紹了將JavaScript的jQuery庫(kù)中表單轉(zhuǎn)化為JSON對(duì)象的方法,包括對(duì)序列化時(shí)空格問(wèn)題的處理方法,需要的朋友可以參考下2015-11-11
下面小編就為大家?guī)?lái)一篇Jquery基礎(chǔ)之事件操作詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06