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

2023-05-16


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

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="增加" οnclick="addRow()"></td>
    </tr>
    </tbody>
   		 <tr>
			<td colspan="2" class="list-cen">
                <input type="button" class="btn-query" value="增加" οnclick="save()">    
                <input type="button" class="btn-query" value="返回" οnclick="javascript:history.go(-1)">
			</td> 
  		  </tr>  
</table>

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

js如何获取table中动态生成的数据 的相关文章

随机推荐