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

来源:互联网 发布:js加载顺序控制 编辑:程序博客网 时间:2024/05/17 12:55

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

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的第一列进行遍历,后面将遍历的结果传入集合中去。

原创粉丝点击