Jquery针对tr td的一些实用操作
2015-09-22 09:12
489 查看
本文介绍一下Jquery对table中的tr和td的操作。
第一个知识点 清空tr
假设你已经动态为id=dynamicTrOne的tr创建了td,可以使用
销毁该tr里的所有td
第二个知识点 创建td元素
代码如下:
第三个知识点 将td追加到tr上
代码如下:
第四个知识点 改变td中的内容
html代码如下:
Jquery代码如下:
第一个知识点 清空tr
<span style="font-size:18px;"><tr id="dynamicTrOne"></tr></span>
假设你已经动态为id=dynamicTrOne的tr创建了td,可以使用
$("#dynamicTrOne").empty();
销毁该tr里的所有td
第二个知识点 创建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,需要使用两个+号括住。
第三个知识点 将td追加到tr上
代码如下:
$("#dynamicTrOne").append(td1);
第四个知识点 改变td中的内容
html代码如下:
<span style="font-size:18px;"><td class="back-concen-tab-top" id="strKey0">str_key0</td></span>
Jquery代码如下:
$("#strKey0").html("str_key0");
相关文章推荐
- jQuery中bind,live,delegate与one方法的用法及区别
- jquery学习笔记(二)—节点查找
- jQuery validate 详解
- jQuery实现气球弹出框式的侧边导航菜单效果
- jQuery实现Flash效果上下翻动的中英文导航菜单代码
- jquery实现经典的淡入淡出选项卡效果代码
- jquery实现的简单二级菜单效果代码
- jQuery实现的经典滑动门效果
- jQuery实现浮动层随浏览器滚动条滚动的方法
- jquery点击click事件和blur事件冲突如何解决
- $.ajax发送数据无法获取正确响应
- 使用JQuery快速高效制作网页特效1章
- jQueryEasyUI DateBox的基本使用
- 省级选择器
- JQuery Datatables Dom 和 Language 参数详细说明
- jquery checkbox反复调用attr('checked', true/false)只有第一次生效
- jquery 使用
- jQuery 遍历 - each() 方法
- jQuery实现图片懒加载
- jquery Dialog Confirm