javascript - 当您只知道 时如何提取 的值

Question

我有以下 HTML，它是通过 jQuery 插件动态生成的:

<tr class="even selected" role="row" id="row_231">
<td>231</td>
<td class="sorting_1">John Doe</td>
<td>23819</td>
<td>test@yahoo.com</td>
</tr>

我拥有的唯一信息是 <TR> 上的 ID 。这是我拥有的 jQuery 代码，除其他外，它捕获用户选择的 tr:

var selected = [];

$('#users tbody').on('click', 'tr', function () {
    var id = this.id;
    var index = $.inArray(id, selected);
    if ( index === -1 ) {
        selected.push( id );
    } else {
        selected.splice( index, 1 );
    }

    $(this).toggleClass('selected');
} );

这个逻辑运作良好 - 它突出显示并跟踪已选择的内容。现在我需要做的是在同一页面上的 div 内显示所选每一行的第二列和第四列的内容。因此，使用上面的示例 HTML，我想显示如下内容:

  John Doe - test@yahoo.com

Answer 1

如果位置始终为数字 2 和 4，则可以使用 eq(i)，例如:

$(this).find('td:eq(1)').text() //John Doe
$(this).find('td:eq(3)').text() //test@yahoo.com