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 多浏览器分别判断代码
Apr 01 Javascript
妙用Jquery的val()方法
Jun 27 Javascript
利用JQuery和JS实现奇偶行背景颜色自定义效果
Nov 19 Javascript
javascript阻止scroll事件多次执行的思路及实现
Nov 08 Javascript
JavaScript分秒倒计时器实现方法
Feb 02 Javascript
详细解读JavaScript的跨浏览器事件处理
Aug 12 Javascript
12 款 JS 代码测试必备工具(翻译)
Dec 13 Javascript
socket.io学习教程之深入学习篇(三)
Apr 29 Javascript
react-router4按需加载(踩坑填坑)
Jan 06 Javascript
Angular封装搜索框组件操作示例
Apr 25 Javascript
微信网页登录逻辑与实现方法
Apr 29 Javascript
js实现弹窗效果
Aug 09 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 杂谈《重构-改善既有代码的设计》之三 重新组织数据
2012/04/09 PHP
PHP中常见的缓存技术实例分析
2015/09/23 PHP
mac系统下安装多个php并自由切换的方法详解
2017/04/21 PHP
Yii2框架自定义类统一处理url操作示例
2019/05/25 PHP
jquery控制listbox中项的移动并排序
2009/11/12 Javascript
JQuery学习笔记 nt-child的使用
2011/01/17 Javascript
在vs2010中调试javascript代码方法
2011/02/11 Javascript
javascript 基础篇1 什么是js 建立第一个js程序
2012/03/14 Javascript
JS获得URL超链接的参数值实例代码
2013/06/21 Javascript
javascript实现动态模态绑定grid过程代码
2014/09/22 Javascript
JS仿淘宝实现的简单滑动门效果代码
2015/10/14 Javascript
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
2015/12/26 Javascript
分享12个非常实用的JavaScript小技巧
2016/05/11 Javascript
angular-ngSanitize模块-$sanitize服务详解
2017/06/13 Javascript
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
jQuery实现上下滚动公告栏详细代码
2018/11/21 jQuery
js中offset,client , scroll 三大元素知识点总结
2019/09/11 Javascript
python中stdout输出不缓存的设置方法
2014/05/29 Python
Python中函数的用法实例教程
2014/09/08 Python
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
深入理解Python变量与常量
2016/06/02 Python
详解python配置虚拟环境
2019/04/08 Python
python matplotlib饼状图参数及用法解析
2019/11/04 Python
python opencv 实现对图像边缘扩充
2020/01/19 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
详解FireFox下Canvas使用图像合成绘制SVG的Bug
2019/07/10 HTML / CSS
飞利浦法国官网:Philips法国
2019/07/10 全球购物
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
车间组长岗位职责
2013/12/20 职场文书
学术会议欢迎词
2014/01/09 职场文书
迎接领导欢迎词
2014/01/11 职场文书
十八大标语口号
2014/10/09 职场文书
看上去很美观后感
2015/06/10 职场文书
从事会计工作年限证明
2015/06/23 职场文书
小学语文继续教育研修日志
2015/11/13 职场文书
PostgreSQL自动更新时间戳实例代码
2021/11/27 PostgreSQL