Javascript 使用JS向html表中添加行

我试图从javascript文件中获取一些数据，并将其放入html文件中的新行和新列中。我认为问题可能与我的脚本在html文件中的表之前关闭有关。我的html文件中当前有一个如下表：

<div id="map" style="width: 700px; height: 700px"></div>
            <script src="js/mapping.js"></script>


            <div id="tablebody">
            <p>
                <b>List of Nearby Locations</b>
            </p>
                <table class="table table-stripped">
                    <tbody>
                        <tr>
                            <th>Name</th>
                            <th>Address</th>
                        </tr>
                        <tr>
                            <td>John Smith</td>
                            <td>1500 Pennsylvania Ave</td>
                        </tr>
                    </tbody>
                </table>
            </div>

service = new google.maps.places.PlacesService(map);
    service.nearbySearch(request, callback);


    function callback(results, status) {
        if (status == google.maps.places.PlacesServiceStatus.OK) {

            for (var i = 0; i < results.length; i++) {
                createMarker(results[i]);
                alert("name: " + results[i].name + ", Address:" + results[i].vicinity);
                $('#tablebody tr:last').after('<tr>"Name: " + results[i].name + ", Address: " + results[i].vicinity</tr>');
            }
        }
    }

附近地点一览表

名称
地址
约翰·史密斯
宾夕法尼亚大道1500号

JS代码如下所示：

<div id="map" style="width: 700px; height: 700px"></div>
            <script src="js/mapping.js"></script>


            <div id="tablebody">
            <p>
                <b>List of Nearby Locations</b>
            </p>
                <table class="table table-stripped">
                    <tbody>
                        <tr>
                            <th>Name</th>
                            <th>Address</th>
                        </tr>
                        <tr>
                            <td>John Smith</td>
                            <td>1500 Pennsylvania Ave</td>
                        </tr>
                    </tbody>
                </table>
            </div>

service = new google.maps.places.PlacesService(map);
    service.nearbySearch(request, callback);


    function callback(results, status) {
        if (status == google.maps.places.PlacesServiceStatus.OK) {

            for (var i = 0; i < results.length; i++) {
                createMarker(results[i]);
                alert("name: " + results[i].name + ", Address:" + results[i].vicinity);
                $('#tablebody tr:last').after('<tr>"Name: " + results[i].name + ", Address: " + results[i].vicinity</tr>');
            }
        }
    }

service=newgoogle.maps.places.PlacesService（地图）；
服务.nearbySearch（请求、回调）；
函数回调（结果、状态）{
if（status==google.maps.places.PlacesServiceStatus.OK）{
对于（var i=0；i

对于基于javascript的应用程序，请尝试以下操作：

  tableObject.insertRow(index)

或jQuery

 $('#tablebody').append('<tr>"Name: " + results[i].name + ", Address: " + results[i].vicinity</tr>');

$（“#tablebody”）.append（““名称：”+results[i].Name+”，地址：“+results[i].approach”）；

表行中缺少表单元格，我假设您希望将名称和邻近区域连接到代码中，而不仅仅是在表中显示Javascript代码：

$('#tablebody tr:last').after('<tr><td>Name: ' + results[i].name + ', Address: ' + results[i].vicinity + '</td></tr>');

$（'#tablebody tr:last'）。之后（'Name:'+results[i].Name+'，地址：'+results[i]；

或者行中有两个单元格：

$('#tablebody tr:last').after('<tr><td>' + results[i].name + '</td><td>' + results[i].vicinity + '</td></tr>');

$（'#tablebody tr:last'）。在（''+results[i].name+''+results[i].neighboration+''）之后；

快速制作一把小提琴，它会为您工作。不是API的东西，只是表代码，删除google信息。这是一个jquery选择器/标记问题。