Question

我有一个分为4个子类别的网站。每个类别都包含我想根据父类别改变的html文件。基本上，我希望jquery读取HTML文档的文件夹名称，并根据名称启动脚本。我希望每个类别都针对不同的类（我为什么需要单独的类别）我已经解决了这个代码：

＆＃13;

$(document).ready(function() {
  $('.workopen').click(function(e) {
    $(this).siblings('.open').addBack().toggleClass('open');
    e.stopPropagation();
  });

  if (window.location.pathname.indexOf("firstcategory") > -1) {
    $('.work .workopen .four').siblings('.open').addBack().toggleClass('open')
    $('.one .inner2, .two .inner2, .three .inner2').hide();
    $('.etc').css("text-decoration", "underline");
  }
});

＆＃13;

它完全符合我的要求！但一次只适用于一个类别（firstcategory）。我的问题是：我可以写一个if / else语句，允许我改变另外三个类别吗？或者我是否必须编写4个单独的JS文件？

Answer 1

首先将路径名称拉入变量。然后，您只需使用一系列if-else语句。

var pathName = window.location.pathname;

if (pathName.indexOf("firstcategory") > -1) {
    // what you want to show/hide
} else if (pathName.indexOf("secondcategory") > -1) {
    // what you want to show/hide
} else if (pathName.indexOf("thirdcategory") > -1) {
    // what you want to show/hide
} else if (pathName.indexOf("fourthcategory") > -1) {
    // what you want to show/hide
}

我建议只为要应用它的每个操作添加一个类。元素可能有多个类：）

Answer 2

javascript中的switch语句是根据您的情况量身定制的。这是策略：使用正则表达式提取与“firstcategory”，“secondcategory”等之一匹配的window.location.pathname部分，并使用switch语句：

$(document).ready(function() {
  $('.workopen').click(function(e) {
    $(this).siblings('.open').addBack().toggleClass('open');
    e.stopPropagation();
  });
  var matches = /(first|second|third|fourth)category/.exec(window.location.pathname);     
  switch (matches[0]){
     case 'firstcategory':
        $('.work .workopen    .four').siblings('.open').addBack().toggleClass('open')
        $('.one .inner2, .two .inner2, .three .inner2').hide();
        $('.etc').css("text-decoration", "underline");
        break;
     case 'secondcategory':
        // second category stuff
        break;
     case 'thirdcategory':
        // third category stuff
        break;
     case 'fourthcategory':
        // fourth category stuff
        break;
  }
});

在Jquery中，如何在window.location.pathname.indexOf中使用If / else？

2 个答案: