javascript - 如果选中复选框，如何逐行获取td值

如果选中了复选框，我试图逐行获取td值。以下是我的HTML表格格式。

<table class="example">
    <tr role="row" class="odd ">
        <td class=""><input type="checkbox" value="12"></td>
        <td class="sorting_1">Airi Satou</td>
        <td>Accountant</td>
        <td>Tokyo</td>
        <td>33</td>
        <td>$162,700</td>
    </tr>
    <tr role="row" class="even">
        <td class=""><input type="checkbox" value="12"></td>
        <td class="sorting_1">Airi Satou1</td>
        <td>Accountan1t</td>
        <td>Tokyo1</td>
        <td>331</td>
        <td>$162,7001</td>
    </tr>
</table>
<input type="submit" class="tble_submit">

基于复选框的选择，我需要td值。如果我都选中了，那么我都需要tr td。我尝试使用下面的jquery代码，即使我选中了两个复选框，该代码始终返回第一个tr td值。

$(".tble_submit").click(function(){
    $('.example tr input[type="checkbox"]:checked').each(function(){
        var chk_len = $('.example input[type="checkbox"]:checked').length;
        for(i=0;i<=chk_len;i++){
            if ($('.example tr:eq('+i+') td input[type="checkbox"]:checked')){
                var $row = $(this).parents('tr');
                var table_len = $('.example tr:eq('+i+') td').length;
                var ab = $('.example tr td:eq('+i+') input').val();
                alert(ab)
                for(i=1;i<table_len;i++){
                    var abc = $('.example tr td:eq('+i+')').html();
                    alert(abc)
                }
            }
        }
    });
});

请帮我。提前致谢。

最佳答案

它应该比这简单得多

$(".tble_submit").click(function(){
    $('.example tr input[type="checkbox"]:checked').each(function(){
      var $row = $(this).closest('tr');
      //used :not(:first-child) to skip first element (the checkbox td)
      $('td:not(:first-child)', $row).each(function(i){
          var abc = $(this).text();
          alert(abc);
      })
    });
});

关于javascript - 如果选中复选框，如何逐行获取td值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38477461/