关于checkbox对应一张表时如何遍历

Posted 2020-10-09 143401010116

html代码：

<table>
    <tr>
        <td><input name=‘one‘ type=‘checkbox‘ value=‘1‘/></td>
        <td name="name">张三</td>
        <td name="age">35</td>
        <td name="job">职员</td>
        <td naem="sal">3444</td>
    </tr>
    <tr>
        <td><input name=‘one‘ type=‘checkbox‘ value=‘1‘/></td>
        <td name="name">李四</td>
        <td name="age">34</td>
        <td name="job">职员</td>
        <td naem="sal">4555</td>
    </tr>
    <tr>
        <td><input name=‘one‘ type=‘checkbox‘ value=‘1‘/></td>
        <td name="name">王二</td>
        <td name="age">55</td>
        <td name="job">boss</td>
        <td naem="sal">10000</td>
    </tr>
</table>

<button id="btn" value="submit">submit</button>

js代码：

<script src="jquery-2.1.4/jquery.min.js"></script>

<script>
    $(document).ready(function () {
        $("#btn").click(function () {
            var row;
            $("input[type=‘checkbox‘]").each(function () {
                if($(this).is(":checked")){
               //获取整个表，为下面遍历
                    row = $(this).parent("td").parent("tr");
              //比较val(),html(),text()的区别
                    var  str = row.html();
                    var str1 = row.val();
                    var str2 = row.text();
                    alert(str);
                    alert(str1);
                    alert(str2);
             //采用find() childen()方法进行选择

                    var str3 = row.find("td").text();
                    var str4 = row.find("td").val();
                    var str5 = row.find("td").html();
                    alert(str3);
                    alert(str4);
                    alert(str5);
                    var str6 = row.find(".name").text();
                    var str7 = row.find(".name").val();
                    var str8 = row.find(".name").html();
                    alert(str6);
                    alert(str7);
                    alert(str8);

                }

            })
        })
    })
</script>