javascript - Jquery for 循环不工作

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>');
  }
});