如何将ajax响应附加到<；tr>；

我有一个表，其中的数据来自数据库，该表有很多<tr>标记。对于每个<tr>标记，我都会修复"+"号，并希望通过单击该"+"来从Ajax检索响应。你能告诉我如何使用Ajax实现这一点吗？

这是我的表代码，上面有"+"：

<table id='"table_$author_id'" width='"100%'">
                    <TR bgColor=#F5F5F5>
                        <TD class=normaltext hight=35 align=center><div id='"test_$author_id'" class='"test'" style='"display:inline'">+</div><div id='"aid_$author_id'" class='"aid'" style='"display:inline'">$author_id</div></TD>
                        <TD class=normaltext align=left>$author_name</TD>
                        <TD class=normaltext align=center><a href='"author_edit.php?aid=$author_id&mode=edit'">Edit</a></TD>
                        <TD class=normaltext align=center><a href='"author_finance.php?aid=$author_id'">Edit</a></TD>
                        <TD class=normaltext align=center><a href='"author_list_admin.php?aid=$author_id&mode=delete'">Delete</a></TD>
                    </TR>
                    <table>

我为ajax尝试了以下代码：

$(document).ready(function() {
        $('.test').click(function(){
            var URL = 'bangkokbooks/php/admin/author_ajax_detail.php';
            console.log(this.id);
            var ID = this.id;
            var arr= ID.split('_');
            var author_id=arr[1];
            console.log(author_id);
            $.ajax({
                                type: "POST",
                                url: "author_ajax_detail.php",
                                data: "&author_id="+author_id,
                                success: function(html){                
                                            console.log(html);
                                            $('#table_'+author_id).append(html); 
                                      }
                                }); 
        });

    });

但这样一来，我的路线就被严重打乱了。现在请告诉我如何在每个<tr>标签下面添加响应，或者告诉我另一种方法。