jQuery获取table行数并输出单元格内容的实现方法


Posted in Javascript onJune 30, 2016

本文实例讲述了jQuery获取table行数并输出单元格内容。分享给大家供大家参考,具体如下:

js部分:

<script language="javascript" type="text/javascript">
$(function() {
  $("#txtInput").attr("value", "90");
  var v_temp = $("#lblMessage").text();
  //alert(v_temp);
  $("#txtInput01").attr("value", v_temp);
  $("#div1").removeClass("div1");
  $("#div1").addClass("divtest");
  var flog = $("#div1").hasClass("divtest");
  $("#div1").html("<input type='button' id='id123' style='width:100px; height:150px'>");
  var t01 = $("#table01 tr").length;
  alert(t01);
  $("#table01").find("td").each(function(i) {
    var t = $(this).text();
    alert(t);
  })
});
</script>

HTML部分:

<form id="form1" runat="server">
  <div>
  <input type="text" id="txtInput" runat="server" style=" font:" />
  <br/>
  <asp:Label ID="lblMessage" Text="我在测试" runat="server"></asp:Label>
  <br/>
  <input type="text" id="txtInput01" runat="server" />
    <br />
    <asp:TextBox ID="TextBox1" runat="server" Width="156px"></asp:TextBox>
    <input type="button" onclick="createXMLHttpRequest()" />
    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
  </div>
   <table id="table01" border="1px"><tr>
  <td>11</td><td>11</td></tr>
  <tr><td>22</td><td>22</td></tr>
  <tr><td>33</td><td>33</td></tr>
  <tr><td>44</td><td>44</td></tr>
  <tr><td>55</td><td>55</td></tr></table>
  <div id="div1" class="div1">
  </div>
</form>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
用js实现的抽象CSS圆角效果!!
May 03 Javascript
JS 数字转换研究总结
Dec 26 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
Dec 27 Javascript
javascript每日必学之循环
Feb 19 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
Oct 26 Javascript
AngularJs基于角色的前端访问控制的实现
Nov 07 Javascript
浅析javascript中的Event事件
Dec 09 Javascript
jQuery.form.js的使用详解
Jun 14 jQuery
微信小程序canvas写字板效果及实例
Jun 15 Javascript
详解webpack异步加载业务模块
Jun 23 Javascript
在Vue项目中用fullcalendar制作日程表的示例代码
Aug 04 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
Aug 23 Javascript
JS实现添加,替换,删除节点元素的方法
Jun 30 #Javascript
JS传值出现中文参数乱码的解决方法
Jun 30 #Javascript
javascirpt实现2个iframe之间传值的方法
Jun 30 #Javascript
老生常谈 js中this的指向
Jun 30 #Javascript
JS使用cookie设置样式的方法
Jun 30 #Javascript
浅谈js和css内联外联注意事项
Jun 30 #Javascript
js传值后台中文出现乱码的解决方法
Jun 30 #Javascript
You might like
PHP中使用Imagick操作PSD文件实例
2015/01/26 PHP
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
2013/11/22 Javascript
javascript时间函数大全
2014/06/30 Javascript
node.js中的fs.fchmod方法使用说明
2014/12/16 Javascript
深入理解JavaScript系列(47):对象创建模式(上篇)
2015/03/04 Javascript
javascript实现checkBox的全选,反选与赋值
2015/03/12 Javascript
javascript中Function类型详解
2015/04/28 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
2015/09/10 Javascript
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
2016/01/26 Javascript
Angularjs 设置全局变量的方法总结
2016/10/20 Javascript
原生JS实现层叠轮播图
2017/05/17 Javascript
AngularJS 实现购物车全选反选功能
2017/10/24 Javascript
vue中rem的配置的方法示例
2018/08/30 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
2018/09/21 Javascript
Node.js 路由的实现方法
2019/06/05 Javascript
JavaScript实现省份城市的三级联动
2020/02/11 Javascript
Ant design vue中的联动选择取消操作
2020/10/31 Javascript
python解析模块(ConfigParser)使用方法
2013/12/10 Python
在Python中使用Neo4j数据库的教程
2015/04/16 Python
Django框架中方法的访问和查找
2015/07/15 Python
pandas or sql计算前后两行数据间的增值方法
2018/04/20 Python
Django跨域请求CSRF的方法示例
2018/11/11 Python
代码实例讲解python3的编码问题
2019/07/08 Python
Python PyQt5整理介绍
2020/04/01 Python
pyinstaller打包单文件时--uac-admin选项不起作用怎么办
2020/04/15 Python
TensorFlow使用Graph的基本操作的实现
2020/04/22 Python
了解一下python内建模块collections
2020/09/07 Python
Prometheus开发中间件Exporter过程详解
2020/11/30 Python
python 实现Harris角点检测算法
2020/12/11 Python
HTML5在手机端实现视频全屏展示方法
2020/11/23 HTML / CSS
工作分析计划书
2014/04/30 职场文书
社团活动总结格式
2014/08/29 职场文书
对照检查剖析材料
2014/09/30 职场文书
成品仓管员岗位职责
2015/04/01 职场文书
律师函格式范本
2015/05/27 职场文书
2016校本研修培训心得体会
2016/01/08 职场文书