Php 似乎无法使CSS在附加表上工作

我对一个php文件有一个ajax请求，该请求返回给我每行3个值

我想把它们附加到一个表中。这很有效。我在我的表格中获得了我的信息，但我似乎无法添加类或id，也无法在上面获得一些样式

成功：函数（数据）{
$（'#lijstbeh'）.empty（）；
var data2=jQuery.parseJSON（数据）；
$（'#lijstbeh'）。附加（''）；
$（'#lijstbeh'）。附加（''）；
$（'#lijstbeh'）.append（'Behandeling ID'）；
$（'lijstbeh'）.append（'Behandeling-kort'）；
$（'lijstbeh'）。追加（'Behandeling datum'）；
$（'#lijstbeh'）。附加（''）；
$。每个（数据2，函数（bb）{
$（'#lijstbeh'）。附加（''）；
$（'#lijstbeh'）.append（''+data2[bb].BEH#u ID+''）；
$（'lijstbeh'）.append（''+data2[bb].BEH#u behandlingkort+''）；
$（'#lijstbeh'）.append（''+data2[bb].BEH#u datum+''）；
$（'#lijstbeh'）。附加（''）；
});
$（'#lijstbeh'）。附加（''）；
}

编辑

$(document).ready(function () {
    $('.tblbehpatienten').click(function () {
        var value1 = $(this).find('td:first').text();
        var value2 = $(this).find('td:first').next().text();

        $("#beh_voornaampat").text(value1);
        $("#beh_familienaampat").text(value2);

        $.ajax({
            type: 'POST',
            url: 'home/getbehandelingen',
            datatype: "JSON",
            data: {
                PA_firstname: value1,
                PA_lastname: value2
            },
            success: function (data) {
                $('#lijstbeh').empty();

                var data2 = jQuery.parseJSON(data);

                var table_string = '<table>' + '<tr><th>Behandeling ID</th>' +
                  '<th>Behandeling kort</th>' + '<th>Behandeling datum</th></tr>';

                $.each(data2, function (bb) {
                    table_string += '<tr class="tbl"><td>' + data2[bb].BEH_ID + '</td>' +
                      '<td>' + data2[bb].BEH_behandelingkort +'</td>' +
                      '<td>' + data2[bb].BEH_datum + '</td></tr>';
                });

                table_string += '</table>';
                $(table_string).appendTo('div#lijstbeh');

            };
        });

    });

});

$（文档）.ready（函数（）{
$（'.tblbehpatienten'）。单击（函数（）{
var value1=$（this.find（'td:first'）.text（）；
var value2=$（this.find（'td:first'）.next（）.text（）；
$（“beh#u voornampat”）.text（值1）；
$（“#beh#u familianaampat”）。文本（值2）；
$.ajax({
键入：“POST”，
url:'主页/GetBehandlingen'，
数据类型：“JSON”，
数据：{
PA_名字：value1，
PA_姓氏：value2
},
成功：功能（数据）{
$（'#lijstbeh'）.empty（）；
var data2=jQuery.parseJSON（数据）；
变量表\u字符串=“”+'Behandleing ID'+
“Behandeling kort”+“Behandeling基准面”；
$。每个（数据2，函数（bb）{
表_string+=''+data2[bb].BEH_ID+''+
“+data2[bb]。BEH_Behandlingkort+”+
''+data2[bb].BEH_datum+''；
});
表_字符串+=''；
$（表字符串）.appendTo（'div#lijstbeh'）；
};
});
});
});

它现在让我头疼。似乎无法让它工作。我在什么地方搞砸了一个

}

再次编辑

---

}

应该是

}

我现在让它工作了。谢谢

您可能希望将您的附录组合成一个

append（）

语句。否则，jQuery将关闭每个标记的标记。附加后检查DOM。您的结构如下所示：

<div id="1">
  <table></table>
  <tr></tr>
  <th>Behandeling ID</th>
  <th>Behandeling kort</th>
  <th>Behandeling datum</th>
  <tr class="tbl" <="" tbody=""></tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
</div>

编辑： 或者，您可以使用

在本例中，我首先将表构建为字符串。这对于动态生成的表可能更有用。也可以使用

append（）

将表构建为字符串；下面的示例演示了除了

appendTo（）

方法之外，如何将表构建为字符串

var table_string='<table>'+
                '<tr><th>Behandeling ID</th>'+
                '<th>Behandeling kort</th>'+
                '<th>Behandeling datum</th></tr>';

for (var i=1;i<=5;i++) {
    table_string+='<tr class="tbl"><td>row '+i+' column 1</td>'+
                '<td>row '+i+' column 2</td>'+
                '<td>row '+i+' column 3</td></tr>';
}

table_string+="</table>";

$(table_string).appendTo('div#1');

$(document).on('click','tr.tbl',function(){
    alert("dfmlgk");
});

var表_字符串=“”+
“Behandeling ID”+
“Behandeling kort”+
“贝汉德林基准面”；
对于（var i=1；它的类似乎很好地添加到了您的fiddle中。tr:hover{background:#FCF；}如此简单的东西不起作用…元素不是像
xyz.append（“”）；xyz.append（）
那样追加函数的参数中同时包含开始和结束标记，就像
xyz.append（“”）
如果在1 append语句中有一个循环，如何在1 append语句中编写此语句？请在追加之前查看我编辑的关于将表构建为字符串的回答。
 $('#1').append('<table>'+
                '<tr><th>Behandeling ID</th>'+
                '<th>Behandeling kort</th>'+
                '<th>Behandeling datum</th></tr>'+
                '<tr class="tbl"><td>' + "1" + '</td>'+
                '<td>' + "2" + '</td>'+
                '<td>' + "3" + '</td></tr>'+
                '</table>');

$(document).on('click','tr.tbl',function(){
    alert("dfmlgk");
});

var table_string='<table>'+
                '<tr><th>Behandeling ID</th>'+
                '<th>Behandeling kort</th>'+
                '<th>Behandeling datum</th></tr>';

for (var i=1;i<=5;i++) {
    table_string+='<tr class="tbl"><td>row '+i+' column 1</td>'+
                '<td>row '+i+' column 2</td>'+
                '<td>row '+i+' column 3</td></tr>';
}

table_string+="</table>";

$(table_string).appendTo('div#1');

$(document).on('click','tr.tbl',function(){
    alert("dfmlgk");
});