Jquery针对tr td的一些实用操作方法(必看篇)
更新时间：2016年10月05日 20:01:20 投稿：jingxian
下面就为大家带来一篇Jquery针对tr td的一些实用操作方法(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本文介绍一下Jquery对table中的tr和td的操作。
第一个知识点 清空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针对tr td的一些实用操作方法(必看篇)全部内容了，希望大家多多支持脚本之家~
相关文章
对话框（Dialog）是一个特殊的窗口（window），可以包含在顶部的工具栏和在底部的按钮。接下来通过本文给大家介绍easyui创建对话框的两种方式，非常不错，感兴趣的朋友一起看下吧2016-08-08
下面小编就为大家分享一篇jquery中done和then的区别(详解)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
这篇文章主要介绍了jQuery中contents()方法用法,实例分析了contents()方法的功能、定义及查找匹配元素内部所有的一级子节点的使用技巧,需要的朋友可以参考下2015-01-01
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
这篇文章主要介绍了jQuery插件之jQuery.Form.js用法,结合实例形式分析了jQuery.Form.js的具体使用技巧与相关注意事项,需要的朋友可以参考下2016-01-01
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
笔者在项目中使用 jquery.ui.dialog 1.7.2时，当使用$("#d").dialog("open");时，dialog总是弹出在option中指定的位置；2009-11-11
对元素进行拖动排序的实现方法有很多，在本文为大家介绍下使用jquery来完成这个工作，希望对大家有所帮助2014-01-01
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
这篇文章主要介绍了jQuery实现带延时功能的水平多级菜单效果,可实现响应鼠标事件延时展示菜单的功能,涉及jQuery结合时间函数动态操作页面元素属性的相关技巧,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了jQuery中unbind()方法用法,实例分析了unbind()方法的功能、定义及移除被选元素的事件处理程序的使用技巧,需要的朋友可以参考下2015-01-01
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
这篇文章主要介绍了使用jQuery+EasyUI实现CheckBoxTree的级联选中特效的相关资料,需要的朋友可以参考下2015-12-12
checkbox是复选框如何将其变为单选呢？下面有个不错的示例，感兴趣的朋友可以参考下2013-11-11
最新评论