Jquery针对tr td的一些实用操作方法(必看篇)


Posted in Javascript onOctober 05, 2016

本文介绍一下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的一些实用操作方法(必看篇)全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
JQuery 操作Javascript对象和数组的工具函数小结
Jan 22 Javascript
让人蛋疼的JavaScript语法特性
Sep 30 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
Jun 29 Javascript
js实现tab切换效果实例
Sep 16 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
Feb 22 Javascript
简单分析javascript中的函数
Sep 10 Javascript
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
Apr 18 Javascript
jQuery中DOM节点删除之empty与remove
Jan 20 Javascript
webpack css加载和图片加载的方法示例
Sep 11 Javascript
微信小程序实现时间进度条功能
Nov 17 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
Jan 21 Javascript
vue页面更新patch的实现示例
Mar 25 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 #Javascript
Jq通过td获取同行其它列td的方法
Oct 05 #Javascript
javascript使用闭包模拟对象的私有属性和方法
Oct 05 #Javascript
Node.js与MySQL交互操作及其注意事项
Oct 05 #Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
Oct 04 #Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
Oct 04 #Javascript
总结Javascript中数组各种去重的方法
Oct 04 #Javascript
You might like
PHP实现下载断点续传的方法
2014/11/12 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
javascript中input中readonly和disabled区别介绍
2012/10/23 Javascript
JS去除字符串两端空格的简单实例
2013/12/27 Javascript
JavaScript+CSS控制打印格式示例介绍
2014/01/07 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
jQuery中on()方法用法实例
2015/01/19 Javascript
JavaScript实现数字数组按照倒序排列的方法
2015/04/06 Javascript
js实现同一个页面多个渐变效果的方法
2015/04/10 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
2016/08/02 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
canvas知识总结
2017/01/25 Javascript
JavaScript获取URL参数的方法之一
2017/03/24 Javascript
基于JavaScript实现简单的音频播放功能
2018/01/07 Javascript
SVG实现时钟效果
2018/07/17 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
2019/01/21 Javascript
微信小程序分包加载代码实现方法详解
2019/09/23 Javascript
Vuex实现数据增加和删除功能
2019/11/11 Javascript
[56:41]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs OG
2018/04/01 DOTA
Python之自动获取公网IP的实例讲解
2017/10/01 Python
Python 编程速成(推荐)
2019/04/15 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
python绕过图片滑动验证码实现爬取PTA所有题目功能 附源码
2021/01/06 Python
详解使用canvas保存网页为pdf文件支持跨域
2018/11/23 HTML / CSS
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
芬兰攀岩、山地运动和户外活动用品购物网站:Bergfreunde
2016/10/06 全球购物
华为俄罗斯官方网上商城:购买Huawei手机和平板
2017/04/21 全球购物
意大利消费电子产品购物网站:SLG Store
2019/12/26 全球购物
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
中科前程Java笔试题
2016/11/20 面试题
行政助理工作职责范本
2014/03/04 职场文书
个人总结与自我评价
2014/09/18 职场文书
2015年办公室文秘工作总结
2015/04/30 职场文书
mysql如何能有效防止删库跑路
2021/10/05 MySQL
Python中的datetime包与time包包和模块详情
2022/02/28 Python