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使用查询手册
Mar 07 Javascript
javascript 建设银行登陆键盘
Jun 10 Javascript
Dom操作之兼容技巧分享
Sep 20 Javascript
javascript设置金额样式转换保留两位小数示例代码
Dec 04 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
javascript实现自动输出文本(打字特效)
Aug 27 Javascript
使用JS 插件qrcode.js生成二维码功能
Feb 20 Javascript
Ajax实现不刷新取最新商品
Mar 01 Javascript
angular4自定义组件详解
Sep 28 Javascript
vue实现瀑布流组件滑动加载更多
Mar 10 Javascript
解决Vue中使用keepAlive不缓存问题
Aug 04 Javascript
实现一个简单得数据响应系统
Nov 11 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
介绍几个array库的新函数 php
2006/12/29 PHP
探讨PHP函数ip2long转换IP时数值太大产生负数的解决方法
2013/06/06 PHP
php中try catch捕获异常实例详解
2014/11/21 PHP
php实现的redis缓存类定义与使用方法示例
2017/08/09 PHP
Jquery常用技巧收集整理篇
2010/11/14 Javascript
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
2012/08/14 Javascript
JS解析json数据并将json字符串转化为数组的实现方法
2012/12/25 Javascript
JQuery验证工具类搜集整理
2013/01/16 Javascript
jquery ajax修改全局变量示例代码
2013/11/08 Javascript
jQuery插件pagination实现分页特效
2015/04/12 Javascript
javascript禁止访客复制网页内容的实现代码
2015/08/05 Javascript
跟我学习JScript的Bug与内存管理
2015/11/18 Javascript
jQuery插件支持同一页面被多次调用
2016/02/14 Javascript
javascript+HTML5自定义元素播放焦点图动画
2016/02/21 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
2016/11/23 Javascript
详解Vue.js使用Swiper.js在iOS
2018/09/10 Javascript
使用mixins实现elementUI表单全局验证的解决方法
2019/04/02 Javascript
详解微信小程序开发之formId使用(模板消息)
2019/08/27 Javascript
在vue中axios设置timeout超时的操作
2020/09/04 Javascript
pyside写ui界面入门示例
2014/01/22 Python
讲解Python的Scrapy爬虫框架使用代理进行采集的方法
2016/02/18 Python
python爬虫爬取某站上海租房图片
2018/02/04 Python
Python判断两个list是否是父子集关系的实例
2018/05/04 Python
pytorch对可变长度序列的处理方法详解
2018/12/08 Python
pandas去除重复列的实现方法
2019/01/29 Python
docker django无法访问redis容器的解决方法
2019/08/21 Python
修改 CentOS 6.x 上默认Python的方法
2019/09/06 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
HTML5是什么 HTML5是什么意思 HTML5简介
2012/10/26 HTML / CSS
初一地理教学反思
2014/01/16 职场文书
经营管理策划方案
2014/05/22 职场文书
我的大学四年规划书范文2014
2014/09/26 职场文书
2014年加油站工作总结
2014/12/04 职场文书
元宵节寄语大全
2015/02/27 职场文书
费用申请报告范文
2015/05/15 职场文书
古诗之爱国古诗5首
2019/09/20 职场文书