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變量的字符串串聯錯誤訂單

回答

相關問題