使用JQuery根据URL的内容显示div

Question

我正在尝试使用jQuery，以便当有人访问此页面时：www.mysite.com/somedirectory/somesubdirectory出现divwhite并隐藏divgrey。这段代码有效。但是，我想知道是否有某种程度的编写代码，以便它检查somesubdirectory是否是低于根级别的两个目录，如果某个目录的名称发生变化，如果某个目录是否存在则不依赖。

$(document).ready(function() {
var myvariable = $(location).attr('href');  
if(myvariable.indexOf("/somedirectory/somesubdirectory") > -1) {
$("#divgrey").hide();
$("#divwhite").show();
}
else {    
 j$("#divgrey").show();
  $("#divwhite").hide();

}

});

Answer 1

您可以使用一行vanilla JavaScript

window.location.pathname.split('/').length

如果此数字等于3，则路径名称包含两个斜杠，并且您位于根目录下两级的子目录中，与其名称无关。

请注意，这假设您在.htaccess中处理URL中的尾部斜杠。