javascript - 从选中的 TR 的 TD 获取参数

Question

<table id="tab">
    <tr><td><input type="checkbox"></td><td aaa="111">sdf</td><td bbb="222">sdfsd</td><td ccc="333">trs</td></tr>
    <tr><td><input type="checkbox"></td><td aaa="342">hjk</td><td bbb="274">sdfsd</td><td ccc="337">sdg</td></tr>
    <tr><td><input type="checkbox"></td><td aaa="432">hgj</td><td bbb="652">sdfsd</td><td ccc="747">dih</td></tr>
</table>

<span id="show">show</span>


$("#show").click(function(){
    var text = [];
    $("#tab").each(
        if($(this).find(input[type=checkbox].is(:checked))){
           text.push({
              'aaa': $(this).attr('aaa'),
              'bbb': $(this).attr('bbb'),
               'ccc': $(this).attr('ccc')
          });
        }
    )
        console.log(text);
})

直播:http://jsfiddle.net/KFbbZ/

如果我点击显示，我想从选中的 TR 中获取所有参数。我怎样才能做到？我的例子不好...

Answer 1

试试这个

var text, $tr, $td, isChecked;
$("#show").click(function(){
    text = [];
    $("#tab input:checked").each(function(){
        $tr = $(this).closest('tr'); 
        $tds = $tr.find('td');
        text.push({
           'aaa': $tds.eq(1).attr('aaa'),
           'bbb': $tds.eq(2).attr('bbb'),
            'ccc': $tds.eq(3).attr('ccc')
        });
     });
     console.log(text);
})

Demo