jquery从表中获取并追加id

时间:2013-10-14 13:02:23

标签: javascript jquery html

我有以下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>');
} 

1 个答案:

答案 0 :(得分:1)

你需要

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

演示:Fiddle