订阅更新设为首页收藏本站
苏飞论坛广告位

苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

分布式系统框架(V1.3) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程 - 订阅更新

HttpHelper万能框架(V2.1) HttpHelper官方出品,无敌框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V1.9) 最牛的爬虫类,没有爬不到只有想不到 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 589|回复: 0

[小例子] 上课了:jquery遍历table的tr获取td的值实现方法

[复制链接]
  • TA的每日心情
    无聊
    2017-6-21 10:04
  • 签到天数: 8 天

    [LV.3]偶尔看看II

    发表于 2017-6-12 09:19:14 | 显示全部楼层 |阅读模式
    上课了:jquery遍历table的tr获取td的值实现方法:
    html代码:
    [HTML] 纯文本查看 复制代码
    <tbody id="history_income_list">
    <tr>
    <td align="center"><input type="text" class="input-s input-w input-hs"></td>
    <td align="center"><input type="text" class="input-s input-w input-hs"></td>
    <td align="center"><input type="text" class="input-s input-w input-hs"></td>
    <td align="center"><a class="" href="###">删除</a></td>
    </tr>
    <tr>
    <td align="center"><input type="text" class="input-s input-w input-hs"></td>
    <td align="center"><input type="text" class="input-s input-w input-hs"></td>
    <td align="center"><input type="text" class="input-s input-w input-hs"></td>
    <td align="center"><a class="" href="###">删除</a></td>
    </tr>
    <tr>
    <td align="center"><input type="text" class="input-s input-w input-hs"></td>
    <td align="center"><input type="text" class="input-s input-w input-hs"></td>
    <td align="center"><input type="text" class="input-s input-w input-hs"></td>
    <td align="center"><a class="" href="###">删除</a></td>
    </tr>
    </tbody>

    方法一:
    [JavaScript] 纯文本查看 复制代码
    for (var i=0;i<trList.length;i++) {
        var tdArr = trList.eq(i).find("td");
        var history_income_type = tdArr.eq(0).find("input").val();//收入类别
        var history_income_money = tdArr.eq(1).find("input").val();//收入金额
        var history_income_remark = tdArr.eq(2).find("input").val();//  备注
         
        alert(history_income_type);
        alert(history_income_money);
        alert(history_income_remark);
      }

    方法二:
    [JavaScript] 纯文本查看 复制代码
    var tdArr = $(this).children();
        var history_income_type = tdArr.eq(0).find("input").val();//收入类别
        var history_income_money = tdArr.eq(1).find("input").val();//收入金额
        var history_income_remark = tdArr.eq(2).find("input").val();//  备注
         
        alert(history_income_type);
        alert(history_income_money);
        alert(history_income_remark);
         
         
      });

    您需要登录后才可以回帖 登录 | 马上注册

    本版积分规则

    QQ |手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备17001017号-1)    

    GMT+8, 2017-10-17 13:53

    © 2016-2017


    快速回复 返回顶部 返回列表