如何使用jQuery迭代那些第一列具有某些条件的html表行

Question

在这里，我想获取仅使用jQuery检查复选框的那一行的所有信息。

<tr>
<td><input type="checkbox" /> </td> <td>ProductOne</td>   <td><select> <option>Nethan</option></select></td> <td>Some Description</td>  <td>$100</td> 
</tr>

<tr>
<td><input type="checkbox" /> </td> <td>ProductTwo</td>   <td><select> <option>Danny</option></select></td> <td>Some Description</td>  <td>$200</td> 
</tr>

</table>

Answer 1

你可以这样做：

$("input[type=checkbox]").on("click", function(){
    if($(this).is(':checked')) {
        var info = $(this).closest("tr").find("td");
        for(var i = 1, j = info.length;i < j;i++) {
            console.log(info.eq(i).html());
        }
    }
});

FIDDLE：http://jsfiddle.net/cjd7139s/