zoukankan      html  css  js  c++  java
  • jquery遍历table的tr获取td的值

    Html 代码:

    <tbody id="table_list">
    <tr>
    <td>
        <select>
            <option value="1" >1</option>
            <option value="2" >3</option>
        </select>
    </td>
    <td><input type="text" ></td>
    <td><input type="text" ></td>
    <td><a class="" href="###">删除</a></td>
    </tr>
    <tr>
    <td>
        <select>
            <option value="1" >1</option>
            <option value="2" >3</option>
        </select>
    </td>
    <td><input type="text" ></td>
    <td><input type="text" ></td>
    <td><a class="" href="###">删除</a></td>
    </tr>
    </tbody>

    Js 方法一:

    var trList = $("#table_list").children("tr")
    for (var i=0;i<trList.length;i++) {
        var tdArr = trList.eq(i).find("td");
        var list_1 = tdArr.eq(0).find("select").val();
        var list_2 = tdArr.eq(1).find("input").val();
        var list_3 = tdArr.eq(2).find("input").val();
        alert(list_1);
        alert(list_2);
        alert(list_3);
    }

    Js 方法二:

    $("#table_list").find("tr").each(function(){
        var tdArr = $(this).children();
        var list_1 = tdArr.eq(0).find("select").val();
        var list_2 = tdArr.eq(1).find("input").val();
        var list_3 = tdArr.eq(2).find("input").val();
        alert(list_1);
        alert(list_2);
        alert(list_3); 
    });
  • 相关阅读:
    [uoj276][清华集训2016]汽水——分数规划+点分治
    [bzoj3143][Hnoi2013]游走——动态规划+高斯消元
    TypeScript笔记八
    TypeScript笔记七
    TypeScript笔记六
    TypeScript笔记五
    TypeScript笔记四
    TypeScript笔记三
    TypeScript笔记二
    TypeScript笔记一
  • 原文地址:https://www.cnblogs.com/hehaiyang/p/4614555.html
Copyright © 2011-2022 走看看