Javascript 通过jQuery检查页面标题是否在数组中

我在静态站点上创建了半动态页面标题，方法是在每个页面上使用以下内容（例如）：

也许有更好的办法。我愿意接受建议。我只是不太清楚确定的语法：

当前加载了哪个页面

如何使用当前页面的某些标识符在页面加载后更改页面上元素的类。我知道如何在点击时完成，但一旦页面加载，类就会消失

---

非常感谢您的帮助。提前谢谢

您可以通过访问

document

对象

document.title

上的

title

属性来检索文档的标题。为了获取管道后面的字符串部分，

|

，您可以简单地拆分

|

字符上的标题，然后获取返回数组中的第二个元素

如果页面的标题与您的问题一样是“Company Name Here | About”，那么

document.title.split（'|'）

将返回数组

[“Company Name Here”，“About”]

，因此

。split（'|'）[1]

将返回字符串“About”

使用检查

title

字符串是否在数组

titleArray

中，然后相应地添加/删除类

以下是一个基本示例：

var title=document.title.split（“|”）[1]；
变量titleArray=['About'，'Page2'，'Page3']；
if（title&&titleArray.indexOf（title.trim（））>-1）{
$（'span'）.addClass（'selected'）；
}否则{
$（'span'）.removeClass（'selected'）；
}

。所选{color:#f00；}

这里的公司名称|关于
如果是红色，则标题在数组中。

太棒了，Josh！非常感谢。这就成功了。除了第一行中管道字符后面的[1]之外，我实际上理解了所有这些。如果你有时间详细说明的话，我很想学习这首曲子。如果没有，我会找个地方查。非常感谢！你帮我省了几个小时的修修补补。@Jenn

.split（）

方法返回一个数组，因此

'Company Name Here | About.split（“|”）

将返回

[“Company Name Here”，“About”]

在这种情况下，

[1]

只是访问第二个元素（即字符串

“About”

）。我会更新答案的。啊哈！是的。有道理。它在那个角色处分裂。再次感谢你。。。我欠你一杯啤酒（我想实际上是这样）。

<?php $title="Example"; ?>

<title>Company Name Here<?php if ($title!="") { echo " | $title"; } ?></title>

if $(title) of currently visible page is in this array(about, page2, page3) {
     $('a#idname').addClass('selected')
} else {
     $('a#idname').removeClass('selected')
}