欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery遍历table为每一个单元格取值及赋值

程序员文章站 2022-08-10 08:34:32
表格代码

表格代码

 <tr>
                    <td>
                        <input type="text" style="border: none; text-align: center;" class="chengwei" /></td>
                    <td>
                        <input type="text" style="border: none; text-align: center;" class="xingming" /></td>
                    <td>
                        <input type="text" style="text-align: center; border: none" class="age" /></td>
                    <td>
                        <input type="text" style="text-align: center; border: none" class="zhengzhimm" /></td>
                    <td>
                        <input type="text" style="text-align: center; border: none" class="gongzuodanwei" /></td>
                    <td>
                        <input type="text" style="text-align: center; border: none" class="zhiwu" /></td>
                </tr> 

 

js取值-------------------------
  //称谓

 
function getchengweival() {
            var reVal = '';
            $('.chengwei').each(function () {
                if ($(this).val() != "" & $(this).val() != undefined) {
                    reVal += $(this).val() + ",";
                }
            });
            reVal = reVal.substr(0, reVal.length - 1);
            return reVal.split(',');
        } 

 

赋值
 

 $(function () {

 var vals = ‘1,2,3;2,3.4’;
            if (vals.length > 0) {
                for (var i = 0; i < vals.length; i++) {
                    var cs = vals[i].split(',');
                    $('.chengwei').each(function (x) {
                        if (x == i) {
                            $(this).val(cs[0])
                        }
                    }); 

                }
           }
     });

 

 

 

 

 

 

扫描二维码关注微信公众号,不定期更新

jquery遍历table为每一个单元格取值及赋值