js如何获取table中动态生成的数据

最新推荐文章于 2022-11-24 14:07:19 发布

self_defining

最新推荐文章于 2022-11-24 14:07:19 发布

阅读量1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.youkuaiyun.com/h_tinkinginjava/article/details/77894795

JavaScript 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个使用jQuery对动态表格进行遍历的例子，并展示了如何通过each()方法获取表格第一列的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天又学一招，多谢莉妹啦。

js如下：

$('#labe-table tr td #attrcode').each(function () {
        alert($(this).val());
});

页面如下：

<table id="labe-table" class="labe-table" cellspacing="0" cellpadding="0" style="display: none">
    <tbody>
    <tr>
        <th>参数编码</th>
        <th>参数名称</th>
        <th>单位（分钟）</th>
        <th>单价（元）</th>
        <th>备注</th>
        <th>单位类型</th>
        <th></th>
        <th></th>
    </tr>
    <tr>
        <td><input type="text" class="labe-text" id="attrcode" name="attrcode" value=""></td>
        <td><input type="text" class="labe-text" id="attrname" name="attrname" value=""></td>
        <td><input type="text" class="labe-text" id="attrunit" name="attrunit" value=""></td>
        <td><input type="text" class="labe-text" id="attrvalue" name="attrvalue" value=""></td>
        <td><input type="text" class="labe-text" id="remark1" name="remark1" value=""></td>
        <td><select class="labe-text" id="attrunittype" name="attrunittype" value=""><option>分钟</option><option>月</option></select></td>
        <td><input type="button" class="labe-btn" value="增加" onclick="addRow()"></td>
    </tr>
    </tbody>
   		 <tr>
			<td colspan="2" class="list-cen">
                <input type="button" class="btn-query" value="增加" onclick="save()">    
                <input type="button" class="btn-query" value="返回" onclick="javascript:history.go(-1)">
			</td> 
  		  </tr>  
</table>

table中的行数是动态的，不是说一定就会有多少行多少行的，所以，这边使用的是juery的each()方法，对table的第一列进行遍历，后面将遍历的结果传入集合中去。