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的一些实用操作方法(必看篇)全部内容了，希望大家多多支持我们~

赞 (0)

相关推荐

  • jquery动态添加删除(tr/td)

    代码很简单,实现的功能也很简单,有需要的小伙伴参考下吧. 复制代码 代码如下: <head runat="server">     <title></title>     <!--easyui -->     <link rel="stylesheet" type="text/css" href="../../script/jquery-easyui-1.3.2/themes/ico

  • JQuery操作tr和td内容的方法实例

    复制代码 代码如下: <PRE class=html name="code"><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server">    <meta http-equiv="Content-Type" content="text/html; charset=g

  • jquery查找tr td 示例模拟

    今天有人在群里突然问我$("#MainContent_GridView1").closest("tr").children("td:eq(1)").text() 这个语句怎么查不到值.我问他是取一个tr下面的eq(1)的td的text还是所有的.他说所有的....那么肯定要循环所有的tr,再从其中找td了... 在此我写一个简单的博客帮助那些还不知道怎么使用jquery选择器的朋友. 我模拟了一个table出来,给大家参考,下面是html结构 复

  • jquery根据td给相同tr下其他td赋值的实现方法

    html代码: <td><a href="#" onclick="distribution(this,'${_webUserEticket.activity_id}','${_webUserEticket.eticket_id}','${_webUserEticket.id}')">分配</a></td> js代码: 方法一: $(obj).parent("td").parent("tr&

  • jquery遍历table的tr获取td的值实现方法

    html代码: <tbody id="history_income_list"> <tr> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text&q

  • 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元素 代码如

  • jquery对Json的各种遍历方法总结(必看篇)

    概述 JSON(javascript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包. 在JSON中,有两种结构:对象和数组. 1.对象 一个对象以"{"开始,"}"结束.每个"key"后跟一":","'key/v

  • MongoDB数据库文档操作方法(必看篇)

    MongoDB数据库文档操作方法(必看篇)

    前面的话 本文将详细介绍MongoDB数据库关于文档的增删改查 如果数据库中不存在集合,则MongoDB将创建此集合,然后将文档插入到该集合中 要在单个查询中插入多个文档,可以在insert()命令中传递文档数组 可以使用js语法,插入多个文档 [save()] 插入文档也可以使用db.post.save(document). 如果不在文档中指定_id,那么save()方法将与insert()方法一样自动分配ID的值.如果指定_id,则将以save()方法的形式替换包含_id的文档的全部数据.

  • 在Tomcat中部署Web项目的操作方法(必看篇)

    在Tomcat中部署Web项目的操作方法(必看篇)

    在这里介绍在Tomcat中部署web项目的三种方式: 1.部署解包的webapp目录 2.打包的war文件 3.Manager Web应用程序 一:部署解包的webapp目录 将Web项目部署到Tomcat中的方法之一,是部署没有封装到WAR文件中的Web项目.要使用这一方法部署未打包的webapp目录,只要把我们的项目(编译好的发布项目,非开发项目)放到Tomcat的webapps目录下就可以了.如下图所示: 这时,打开Tomcat服务器(确保服务器打开),就可以在浏览器访问我们的项目了,如下

  • jQuery 常用代码集锦(必看篇)

    1. 选择或者不选页面上全部复选框 var tog = false; // or true if they are checked on load $('a').click(function() { $("input[type=checkbox]").attr("checked",!tog); tog = !tog; }); 2. 取得鼠标的X和Y坐标 $(document).mousemove(function(e){ $(document).ready(func

  • jQuery的中 is(':visible') 解析及用法(必看)

    实例 选择 <body> 元素中每个可见的元素: $("body :visible") 定义和用法 :visible 选择器选取每个当前是可见的元素. 除以下几种情况之外的元素即是可见元素: • 设置为 display:none • type="hidden" 的表单元素 • Width 和 height 设置为 0 • 隐藏的父元素(同时隐藏所有子元素) 语法 $(":visible") $(document).ready(func

  • 原生js仿jquery一些常用方法(必看篇)

    最近迷上了原生js,能不用jquery等框架的情况都会手写一些js方法,记得刚接触前端的时候为了选择器而使用jquery...现在利用扩展原型的方法实现一些jquery函数: 1.显示/隐藏 //hide() Object.prototype.hide = function(){ this.style.display="none"; return this; } //show() Object.prototype.show = function(){ this.style.displa

  • js数组操作方法总结(必看篇)

    判断数值数组中各个数字出现的奇偶次数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>数组操作</title> </head> <body> <script type="text/javascript"> var arr=[3,1,2,2,1,3,1

  • Python 安装setuptools和pip工具操作方法(必看)

    Python 安装setuptools和pip工具操作方法(必看)

    setuptools模块和pip模块是python进行第三方库扩展的极重要工具,例如我们在需要安装一些爬虫或者数据分析的包时就可以使用pip install命令来直接安装这些包了,因此pip工具一定要提前安装. 一.安装setuptools 在python交互界面执行如下命令,脚本我单独拿出来: from urllib import urlopen data = urlopen('http://peak.telecommunity.com/dist/ez_setup.py') open('ez_

  • jQuery学习心得总结(必看篇)

    jQuery 对象 •jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象. •jQuery 对象是 jQuery 独有的. •只有 jQuery 对象才能使用 jQuery 的方法,在 jQuery 对象中无法使用 DOM 对象的任何方法,反之 DOM 对象也无法使用任何 jQuery 的方法. •约定:如果获取的是 jQuery 对象,那么要在变量前面加上 $ •jQuery 对象中封装了多个 DOM 对象,同时 jQuery 对象是类数组对象 •数组与类数组对象的区别

随机推荐