使用jquery从表中单击复选框获取html值

Question

从数据库获取数据后，我在页面加载时创建一个如下所示的动态表，

<table border="1" id="tableView">
        <thead>
            <th></th><th>ID</th><th>Name</th><th>Description</th><th>Active</th><th>Release Date</th>
        </thead>

        <tbody>
        <%
        for(int i=0;i<result.size();i++)
        {
            %><tr><td><input class="tablechkbox" type="checkbox"/></td><%
            String[] row=pi.getResults(result,i,params);
            for(int j=0;j<row.length;j++)
            {
                %><td class="viewa"><%out.print(row[j]);%></td><%
            }
            %></tr><%
        } %>
        </tbody>
    </table>

这就是我为获取 ID 列所做的操作。请帮助我获取任何特定列

$('#tableView tbody tr').live('click', function (event) {
        if ($('input.tablechkbox', this).is(':checked'))
        {
            alert(this.innerHTMl());
            /*$('.viewa', this).each(function() {
                alert(this.innerHTMl());
            });*/
        }
    });

下面是我的 jsp 页面屏幕截图

Answer 1

警报($(this).find("td:eq(1)").html());应该有效

Answer 2

考虑使用 HTML5 data- 属性将行 Id 存储在行中（前缀允许您定义“合法”的任意属性）：

String[] row = pi.getResults(result, i, params);
%>
<tr data-id="<%=row[0]%>">
    <td><input class="tablechkbox" type="checkbox" /></td>

这样，您可以直接从单击的行中获取 Id：

$('#tableView tbody tr').live('click', function (event) {
    if ($('input.tablechkbox', this).is(':checked')) {
        var id = $(this).data("id")

您可以使用 $(this).attr("data-id") 在旧版本的 jQuery 中。