Jquery使用复选框选择表行

Question

我有一张桌子

<table id="rowclick2">
  <tbody>
    <tr >
      <td class="cb"><input type="checkbox" value="yes"></td>
      <td>row 1</td>
       <td>A</td>
    </tr>    
    <tr >
      <td class="cb"><input type="checkbox" value="yes" ></td>
      <td>row 2</td>
       <td>B</td>
    </tr>    
    <tr>
      <td class="cb"><input type="checkbox" value="yes"></td>
      <td>row 3</td>
      <td>C</td>  
    </tr>    
  </tbody>
</table>

我希望在每行单元格中(单击按钮时)检查其复选框的行

我试过过滤器

  $('#test').click(function(){

      $('#rowclick2 tr').filter(':has(:checkbox:checked)').each(
          //get row values
      );
    });

这很简单但我看不出我错过了什么......

这是jsfiddle链接......

Answer 1

你快到了 :)

如果您希望<td>选中复选框的所有行:

$('#rowclick2 tr').filter(':has(:checkbox:checked)').find('td');

例如:

$('#rowclick2 tr').filter(':has(:checkbox:checked)').find('td').each(function() {
    // this = td element
});

更详细的例子是关于JsFiddle.

BTW
的.filter(':has(:checkbox:checked)')可以写成.has(':checkbox:checked')如果你像我一样,找到更容易阅读.