javascript - jquery 从表中获取并附加 id

Question

我有以下html：

<table class="userenrolment ajaxactive">
<tbody>
<tr class="userinforow r0" id="user_9">
<td class="field col_userdetails cell c0" style="">
</td>
<td class="field col_enrol cell c4 lastcol" style="">
<div class="enrolment"><span>Team 1</span>
</div>
</td>
</tr>
<tr class="userinforow r1" id="user_4">
<td class="field col_userdetails cell c0" style="">
</td>
<td class="field col_enrol cell c4 lastcol" style="">
<div class="enrolment"><span>Team 2</span>
</div>
</td>
</tr>
</tbody>
</table>

使用 jQuery 我想从每个 tr 获取id并将其附加到同一行。

我的函数看起来像这样，但它根本不起作用：

function show_groups(){
table.find('.userinforow).each(function(){
    var text = $(this).find('#id').val();
    $('.enrolment').append('text:' + text + ' <br>');
} 

Answer 1

你需要

function show_groups() {
    $('.userenrolment').find('.userinforow').each(function () {
        $(this).find('.enrolment').append('text:' + this.id + ' <br>');
    });
}

演示：小提琴