Javascript 使用DOM变量的字符串连接顺序错误

Javascript 使用DOM变量的字符串连接顺序错误,javascript,string,google-maps,dom,concatenation,Javascript,String,Google Maps,Dom,Concatenation,上下文如下:我正在编写一个网页,对来自某个协会的人进行地理定位,并在wordpress框架内的google地图上显示他们的位置。当我点击他们的标记时,我会显示一个包含他们信息的信息窗口。在地图上,我可以使用表单过滤/搜索人员(例如,仅查看名为Paul的人员)。到目前为止,所有这些都在起作用 我的问题如下:当我进行搜索时,我希望在地图下面显示结果。因为我可以得到很多结果(比如说通常大约100个),所以我想用一些分页来显示它们。当我硬编码一些伪文本时,我设法使用分页器。尽管如此,我还是无法将搜索结果

上下文如下:我正在编写一个网页,对来自某个协会的人进行地理定位,并在wordpress框架内的google地图上显示他们的位置。当我点击他们的标记时,我会显示一个包含他们信息的信息窗口。在地图上,我可以使用表单过滤/搜索人员(例如,仅查看名为Paul的人员)。到目前为止,所有这些都在起作用

我的问题如下:当我进行搜索时,我希望在地图下面显示结果。因为我可以得到很多结果(比如说通常大约100个),所以我想用一些分页来显示它们。当我硬编码一些伪文本时,我设法使用分页器。尽管如此,我还是无法将搜索结果分页。 如果我这样做


保罗
约翰
理查德
乔治
jQuery(函数($){
var项目=$(“#内容tbody tr”);
var numItems=items.length;
每页var=5;
items.slice(perPage.hide();
$(“#分页”)。分页({
项目:numItems,,
每页,
cssStyle:“灯光主题”,
onPageClick:函数(页码){
var showFrom=每页*(页码-1);
var showTo=showFrom+每页;
items.hide()
.slice(showFrom,showTo).show();
}
});
});
这是可行的,但如果我尝试动态编写“内容”的html,读取标记的属性名称,如下所示:

var pag_res = "";   
document.getElementById('content').innerHTML = "";
for (mark_cnt = 0; mark_cnt < markers.length; mark_cnt++){
    pag_res += "<tbody><tr>" + markers[mark_cnt].desc + "</tbody></tr>";
}
document.getElementById('content').innerHTML = pag_res;
var pag_res=”“;
document.getElementById('content').innerHTML=“”;
对于(mark_cnt=0;mark_cnt
这不起作用,如果我在控制台中查看document.getElementById('content').innerHTML,那么标记的描述将在tbody关闭后写入。我有点像: 保罗 约翰


任何人都会知道问题的根源是什么???

我认为您可以通过编辑以下行来解决问题:

pag_res += "<tbody><tr>" + markers[mark_cnt].desc + "</tbody></tr>";
pag_res+=“”+标记[mark_cnt].desc+“”;
最后两个标签的方向不对。。。应该是:

pag_res += "<tbody><tr>" + markers[mark_cnt].desc + "</tr></tbody>";
pag_res+=“”+标记[mark_cnt].desc+“”;
当你在那里的时候,你也可以整理一下你的HTML。一个表应该只有一个,而您缺少标签。。。它应该更像:

<table>
<tbody id="content">
    <tr>
        <td>Paul</td>
    </tr>
    <tr>
        <td>John</td>
    </tr>
    <tr>
        <td>Richard</td>
    </tr>
    <tr>
        <td>George</td>
    </tr>
</tbody>
</table>

保罗
约翰
理查德
乔治
请注意,我已将id=“content”移动到。。。然后需要调整代码,使其看起来像:

pag_res += "<tr><td>" + markers[mark_cnt].desc + "</td></tr>";
pag_res+=“”+标记[mark_cnt].desc+“”;

非常感谢。我现在看起来确实很傻:我相信我最根本的错误是我在更改表格的html时删除了表格的id。现在更干净整洁了。
pag_res += "<tr><td>" + markers[mark_cnt].desc + "</td></tr>";