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>

關於checkbox對應一張表時如何遍歷