jQuery 遍历表格列

最新推荐文章于 2020-11-19 16:29:02 发布
最新推荐文章于 2020-11-19 16:29:02 发布
阅读量2.9k 收藏
点赞数
分类专栏： 网页前端 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js测试</title>
<script src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js">
</script>
<script>
$(document).ready(function(){
   $("#tb tr").each(function(){
var text = $(this).children("td:first").text();//td:nth-child(3) 第三列
alert("text=="+text);
   });
});
</script>
</head>
<body>
<table id="tb" width="200" border="1">
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>yi</td>
    <td>er</td>
    <td>san</td>
  </tr>
  <tr>
    <td>一</td>
    <td>二</td>
    <td>三</td>
  </tr>
</table>

</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>哥是传说一列</title>
</head>
 
<body>
    <table border="1px" id="tb">
        <tbody><tr><td>哥是第一列</td><td>俺第二列的</td></tr>
        <tr><td>哥是传说一列</td><td>俺二列的</td></tr></tbody>
    </table>
    <script type="text/javascript">
        function getTableCell (obj){
    var _arrCellOnes =[];
    var _oTBody = obj.TBodies ? obj.TBodies : obj;
    var _oTRows = _oTBody.rows;
    for(i=0;i<_oTRows.length;i++){
        if(_oTRows[i].cells[0]){
            _arrCellOnes.push(_oTRows[i].cells[0].innerHTML);
        }
    }
    return _arrCellOnes;
}
      var arrCells = getTableCell($("#tb"));//用到jQuery了
      alert(arrCells);
    </script>
</body>
</html>

http://bbs.csdn.net/topics/330185823

HapLeo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript遍历table的行和列
12-17
JavaScript遍历table的行和列 JavaScript遍历table的行和列
js 遍历行和列
weixin_33697898的博客
09-20 364
var table = document.getElementsByTagName("table")[0]; //遍历列 for (var i = 0; i < table.rows[0].cells.length; i++) { console.log(table.rows[0].cells[i].innerText); if...
Jquery一个遍历Table表头的例子
hffyyff的博客
02-23 1027
Jquery一个遍历Table表头的例子
jQuery 遍历 - each() 方法
sinat_29326171的博客
11-19 109
$("button").click(function(){ $("li").each(function(){ alert($(this).text()) }); }); https://www.w3school.com.cn/jquery/traversing_each.asp
jQuery设置表格列字段筛选改变代码
06-26
本文将深入探讨如何使用jQuery来实现表格列字段的筛选功能，并且会在改变筛选条件时实时更新表格内容。 首先，让我们理解HTML结构。在`index.html`文件中，通常会有一个表格（`<table>`）元素，包含表头（`<thead>`...
jQuery设置表格条件筛选代码
06-24
筛选条件选择完成后，我们需要遍历表格中的每一行，根据用户选择的条件决定是否显示。可以使用`$.each()`遍历`<tr>`元素，并用`:checked`选择器找出已选中的条件： ```javascript var checkedConditions = []; $(":...
JS与jQuery遍历Table所有单元格内容的方法
11-22
在JavaScript和jQuery中遍历Table的所有单元格内容是常见的任务，尤其在处理表格数据时非常有用。下面将详细讲解这两种方法。 首先，我们来看纯JavaScript的实现方式： ```javascript function GetInfoFromTable...
jQuery表格头和列固定插件
12-10
**jQuery表格头和列固定插件——RWD Table** 在网页设计中，处理大型数据表格时，保持表头和特定列在用户滚动时可见是非常重要的功能。这有助于提高用户体验，尤其是当表格包含大量数据，需要用户上下左右滚动时。`...
基于jQuery实现表格的排序
10-20
在JavaScript开发中，jQuery库提供了一种简便的方式来操作DOM元素，包括表格的处理。本篇文章主要探讨如何使用jQuery实现表格的排序功能。以下是实现这一功能的主要步骤和涉及的技术点。 首先，我们需要理解表格的...
jquery获取table的指定列
u010999809的博客
12-24 6181
比如有个table（id为userTable） 获取第1列的所有td：$("#userTable").find("tr").find("td:eq(0)") 或者$("#userTable tr").find("td:eq(0)") 获取第3列的所有td：$("#userTable").find("tr").find("td:eq(2)") 或者$("#userTable ...
jquery遍历表格 每一行 值
A9925的专栏
12-04 1万+
例：遍历  序号和价格， 0 元素和2元素 （要引入的jquery :jquery-1.10.2.min.js) js测试 关注 1 2 3 删除 yi er san 删除 一 二 三 删除 更新 $(function(){
jQuery遍历Table表格的行和列
weixin_30752699的博客
04-01 979
遍历Table表格的行和列，在开发中比较常用的功能，特别是前端开发人员，不多说，直接上代码，下面代码只是弹出第一列字段，请各位自己根据需求修改和扩展！ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt...
Jquery获取table中某一列的数据
ALaDingPro的博客
09-17 1万+
在一些特殊的情况下，需要获取table标签中，某一列的数据，可以使用以下代码来实现： var tdListUser = $("table&gt;tbody&gt;tr").find("td:eq(3)"); // 获取第四列的数据 PS：只会获取该页面包含的数据，如果该页面不包含下一页的数据（由后台程序获取），则不会获取下一页的数据。...
jquery遍历table的行和列的实现方式
Wangxinlei_King的博客
09-21 2086
jQuery中的 each 相当于 JavaScript 中的 for 语句，起到循环的作用。find 方法主要用于查询某一类对象的集合。下面笔者举一个遍历Table行和列的示例。 <html xm...
如何在动态创建的表格中获取某一列的值（jquery）
weixin_38618583的博客
12-09 4668
如何在动态创建的表格中获取某一列的值（jquery）
jQuery 获取 table 行数
郭晓湉
07-21 5950
//获取表的总行数 tr$("#tbRAF").find("tr").length ;//获取所在行的行号$(this).parent().prevAll().length + 1;//行号//获取所在列的列号$(this).prevAll().length + 1;//列
jquery 获取 table 总行数、总列数
热门推荐
xuanjiewu的专栏
11-14 1万+
jquery 获取 table 总行数： $("table tr").size();  var hang = $("#g").find("tr").length; jquery 获取 table 总列数： $("table td").size(); var lie = $("#g").find("tr").find("td").length-1;
jquery遍历表格每一行
最新发布
05-20
可以使用 jQuery 的 `.each()` 方法来遍历表格的每一行。以下是一个示例代码： ```javascript $('table tr').each(function() { // 处理每一行的代码 }); ``` 这个代码会选中所有的表格行，然后对每一个行应用一个函数。在函数中，你可以使用 `$(this)` 来访问当前行的 jQuery 对象，并进行相应的处理。 例如，如果你想在每一行的第一列中添加一个类名，可以这么写： ```javascript $('table tr').each(function() { $(this).find('td:first').addClass('first-column'); }); ``` 这个代码会选中每一行的第一列，并为它们添加一个 `first-column` 的类名。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值