jquery循環不工作

Question

我目前正在一個網站，不允許我編輯每個頁面上的一些html內容，因爲它是模板的一部分。我正在使用Jquery在每個頁面上插入div，以便日後可以對它們進行樣式設計。我目前停留在這段代碼上，無法讓它爲我工作。任何建議將不勝感激。

jQuery(document).ready(function() { 

    var URLarray = { 
     "/100.htm", "<div class='Plugins-div'>Volusion Plugins</div>"; 
     "/101.htm", "<div class='Pricing-div'>Pricing</div>"; 
     "/102.htm", "<div class='Services-div'>Services</div>"; 
     "/103.htm", "<div class='Contact-div'>Contact Us</div>"; 
    } 

    jQuery.each(URLarray, function(key, value) { 
      if (location.pathname.indexOf(key) > -1) { 
       pageHTML = URLarray 
       jQuery('div#navheader').after('<div id="top-banner" class="col-xs-12"><div class="text-center container">' + pageHTML + '</div></div>'); 
      } 
     } 
    }); 
}); 

Answer 1

您的代碼不起作用（並導致異常，檢查您的控制檯），因爲它充滿了語法錯誤。對象文字看起來像和數組（並且被命名爲數組），但內部有分號，錯位的大括號花括號，對象的分配可能意味着要使用字符串...

這並不完全清楚你想這樣做，但這可能會工作（至少是有效的代碼）：

var URLarray = { 
    "/100.htm": "<div class='Plugins-div'>Volusion Plugins</div>", 
    "/101.htm": "<div class='Pricing-div'>Pricing</div>", 
    "/102.htm": "<div class='Services-div'>Services</div>", 
    "/103.htm": "<div class='Contact-div'>Contact Us</div>" 
} 

jQuery.each(URLarray, function(key, value) { 
    if (location.pathname.indexOf(key) > -1) { 
    jQuery('div#navheader').after('<div id="top-banner" class="col-xs-12"><div class="text-center container">' + value + '</div></div>'); 
    } 
});