Javascript:解析 html 表

Question

我正在处理一个 html 页面。该页面有一个包含 3 列和一个按钮的表格。表格的一列是一个复选框(行数动态更改):

<table cellpadding="0" cellspacing="0" border="1" class="display" id="tag" width="100%">
    <tbody>
        <tr>
            <td align="center">
                <input type="checkbox" class="case" name="case" value="0"/>
            <td>fruit</td>
            <td>apple</td>
        </tr>
        <tr>
            <td align="center">
                <input type="checkbox" class="case" name="case" value="1"/>
            <td>fruit</td>
            <td>pear</td>
        </tr>
    </tbody>
</table>
<p><input type="button" value="Generate" onclick="generate()"></p>

当用户单击“生成”按钮时，generate()函数将在每行的列上生成一个特殊的字符串。

我的问题是如何检查“复选框”行是否被选中？我想在生成字符串时过滤那些未检查的行。

谢谢。

Answer 1

根据选中的复选框过滤行:

var rows = $(".case:checked").closest("tr");

这将返回一个 jQuery 对象，其中包含所有包含选中复选框的表行。