Question

我在将数据从javascript加载到html表时遇到问题。所以这是我的java脚本代码......

//success data
            $('#A').empty();
            $.each(data, function(index, aObj){
                //$('#A').append('<option value="' + aObj.id + '">'+aObj.note+'</option>');

                $('#A').append('<tr><td style="' + aObj.id + '">'+aObj.note+'</td style></tr>');
            });

//选项值在选择框中起作用。但是现在我想把aObj.note放到td样式标签之间的表格中。

table class="table table-bordered table-striped" name="A" id="A">
                            thead>
                                tr>
                                   th class="">Note/th>
                                /tr>
                            /thead>
                            tbody>
                            @foreach($alleSpiele as $alleSpieleOutput)     
                                tr>
                                    td style="">/td style>
                                /tr>
                            @endforeach
                            /tbody>
                        /table>

Answer 1

你可以尝试这样：

var table = $("#table tbody");
$.each(data, function(idx, elem){
    table.append("<tr><td>"+elem.username+"</td><td>"+elem.name+"</td>   <td>"+elem.lastname+"</td></tr>");
});

可在此处找到更多信息： http://api.jquery.com/jQuery.each/

Answer 2

好的，我有以下解决方案......

//success data
            $('#A').empty();
            $.each(data, function(index, valueAusData){

                $('#myTable tr:last').after('<tr>')
                $('#myTable tr:last').after('<td>'+ valueAusData.note+'</td>')
                $('#myTable tr:last').after('<td>'+ valueAusData.note+'</td>')
                $('#myTable tr:last').after('</tr>')
            });

这是我的表

  <table class="table table-bordered table-striped" id="myTable">
                <tbody>
                <tr>
                    <th>Note</th>
                    <th>Note Zwei</th>
                </tr>
                </tbody>
            </table>

我知道此后不是正确的陈述。但是，在html表中的tr td下，我必须替换哪个语句？

将数据从JavaScript加载到html表中

2 个答案: