jquery、js获取table,遍历输出tr中各个td的内容

迷南。 2022-12-18 05:59 337阅读 0赞

**使用jquery获取：**  
js代码：

$('#btntb').click(function(){ 
       $('#tab tr').each(function(i){                    // 遍历 tr
          $(this).children('td').each(function(j){   // 遍历 tr 的各个 td
             alert("第"+(i+1)+"行，第"+(j+1)+"个td的值："+$(this).text()+"。");
          });
       });
    });

**使用js获取：**  
js代码：

var tb = document.getElementById('tab');    // table 的 id
    var rows = tb.rows;                           // 获取表格所有行
    for(var i = 0; i<rows.length; i++ ){ 
       for(var j = 0; j<rows[i].cells.length; j++ ){     // 遍历该行的 td
           alert("第"+(i+1)+"行，第"+(j+1)+"个td的值："+rows[i].cells[j].innerHTML+"。");           // 输出每个td的内容
       }
    }

**html代码：**

<div align="center">
    	<table id="tab" border="1" align="center">
    
    		<tr>
    			<td>西瓜</td>
    			<td>橙</td>
    		</tr>
    
    		<tr>
    			<td>芒果</td>
    			<td>桔子</td>
    		</tr>
    
    		<tr>
    			<td>奇异果</td>
    			<td>葡萄</td>
    			<td>西柚</td>
    		</tr>
    
    	</table>
    
    	<br>
    
    	<button id="btntb">遍历table</button>
    
    </div>

发表评论取消回复

表情：

评论列表（有 0 条评论，337人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery 获取tr中的td，td中的input

var row = $("tableid tr:visible").length; //获取table中所有tr的行数 var tr = $("ta

我不是女神ヾ/ 2024年04月01日 10:31/ 0 赞/ 112 阅读

相关 Xpath获取Table+遍历tr

//获取参数名称和其对应描述 var table=document.evaluate("/html/body/div[2]/div[2]/div[3]/div[

绝地灬酷狼/ 2024年02月21日 11:12/ 0 赞/ 80 阅读

相关 jQuery遍历Table tr td td中包含标签

转自：[https://www.cnblogs.com/laoji1109/archive/2014/05/22/3746710.html][https_www.cnblogs

Dear 丶/ 2023年10月09日 10:01/ 0 赞/ 19 阅读

相关 jquery、js获取table,遍历输出tr中各个td的内容

使用jquery获取： js代码： $('btntb').click(function(){ $('tab tr').each(function(

迷南。/ 2022年12月18日 05:59/ 0 赞/ 338 阅读

相关遍历table tr

<tbody id="professionTable">  <!--<td>1</

秒速五厘米/ 2022年09月21日 13:24/ 0 赞/ 172 阅读

相关 freemarker遍历tr td

表单遍历，每三个属性为一行 <table cellpadding="0" cellspacing="0" align="center" class="tab"

清疚/ 2022年08月07日 01:36/ 0 赞/ 211 阅读

相关 TABLE中TR、TH和TD

1.tr标示这个表格中间的一个行 2.td标示行中的一个列,需要嵌套在<tr</tr中间 3.th 定义表头单元格。表格中的文字将以粗体显示下面的代码可以实现，tabl

客官°小女子只卖身不卖艺/ 2022年05月30日 01:09/ 0 赞/ 275 阅读

相关 jquery遍历table的tr获取td的值

<div class=""> <div class=""> <table class="class-table">

骑猪看日落/ 2022年05月15日 02:56/ 0 赞/ 621 阅读

相关 jquery遍历table的tr获取td的值

<tbody id="history_income_list"> <tr> <td align="center"><input type="text"

迷南。/ 2022年05月15日 02:50/ 0 赞/ 295 阅读

相关 table tr td圆角

css样式： table tr:last-child td:first-child { border-bottom-left-rad

￡神魔★判官ぃ/ 2022年03月16日 10:20/ 0 赞/ 386 阅读