DOM变量的字符串串联错误订单

上下文如下：我正在编写一个网页，用于将来自某个关联的人员进行地理定位，并在wordpress框架内的谷歌地图上显示他们的位置。当我点击他们的标记时，我会用他们的信息显示一个信息窗口。在地图上，我可以使用表单过滤/搜索人员（例如，只查看名为Paul的人）。到目前为止所有这些工作。DOM变量的字符串串联错误订单

我的问题如下：当我搜索时，我想在地图下面显示结果。因为我可以有很多结果（比如通常约100），我想用一些分页显示它们。当我硬编码一些虚拟文本时，我设法使用paginator。尽管如此，我无法设法对搜索结果进行分页。如果我做

<div id="pagination"></div> 
<table id="content"> 
<tbody> 
    <tr> 
     Paul 
    </tr> 
</tbody> 
<tbody> 
    <tr> 
     John 
    </tr> 
</tbody> 

<tbody> 
    <tr> 
     Richard 
    </tr> 
</tbody> 
<tbody> 
    <tr> 
     George 
    </tr> 
</tbody> 
</table> 
<script> 
    jQuery(function($) { 
     var items = $("#content tbody tr"); 
     var numItems = items.length; 
     var perPage = 5; 
     items.slice(perPage).hide(); 
     $("#pagination").pagination({ 
      items: numItems, 
     itemsOnPage: perPage, 
      cssStyle: "light-theme", 
      onPageClick: function(pageNumber) {        
       var showFrom = perPage * (pageNumber - 1); 
       var showTo = showFrom + perPage; 
       items.hide() 
        .slice(showFrom, showTo).show(); 
      } 
     }); 
    }); 
</script>

这是工作，但如果我尝试动态撰写的“内容”的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;

这是行不通的，如果我查看document.getElementById（'content'）。在控制台中的innerHTML标记的描述是在tbody关闭之后编写的。我有类似：保罗约翰

任何人都会有其中的问题源于什么想法？

来源

2014-07-21 Simon

我想你就可以通过编辑这一行来解决这个问题：

pag_res += "<tbody><tr>" + markers[mark_cnt].desc + "</tbody></tr>";

最后两个标签是围绕着错误的方式......它应该是：

pag_res += "<tbody><tr>" + markers[mark_cnt].desc + "</tr></tbody>";

当你在那里时，你也可以整理你的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 =“内容”到......你会再需要调整代码看起来像：

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

来源

2014-07-21 20:52:31 sifriday

非常感谢。我现在确实看起来很傻：D我相信我的基本错误是，当我改变它的html时，我正在擦除表的id。现在它更清晰和更整齐。 – Simon

DOM变量的字符串串联错误订单

回答

相关问题