让jQuery显示页面的名称

Question

我有一个嵌套在header.php中的菜单，该菜单加载在我网站的每个不同页面上。

我想显示用户当前使用jQuery访问的页面的名称。显示名称的div具有分配给它的.menu_location_inner类。我认为代码看起来像这样。

$(document).ready(function() {
    $(".menu_location_inner").html('some code here')
});

如何在DOM中保存页面名并完成上面的代码？

Answer 1

假设您想要一个自定义消息，而不仅仅是页面标题标签中的任何内容（如果它甚至已设置），您可以根据网址有条件地命名变量，就像这样。 ..

$(document).ready(function() {
  var page1 = location.href.match("index.html");
  var page2 = location.href.match("contact.html");
  var page3 = location.href.match("feedback.html");

  if(location.href.match(page1)) {
    var thisPage = "You're on our main page!"
  }

 if(location.href.match(page2)) {
    var thisPage = "You're on our contact page!"
  }

 if(location.href.match(page3)) {
    var thisPage = "You're on our feedback page!"
  }

  $(".menu_location_inner").html(thisPage);

});

修改 此外，使用jQuery HTML功能可以为您提供额外的功能。这可能也有帮助，我改变了代码片段的最后部分来演示......

$(document).ready(function() {
  var page1 = location.href.match("index.html");
  var page2 = location.href.match("contact.html");
  var page3 = location.href.match("feedback.html");

  if(location.href.match(page1)) {
    var thisPage = "You're on our main page!"
  }

 if(location.href.match(page2)) {
    var thisPage = "You're on our contact page!"
  }

 if(location.href.match(page3)) {
    var thisPage = "You're on our feedback page!"
  }
  //You can wrap your answer in any tag you'd like
  //You also have the option to add ID's and/or classes here
  $(".menu_location_inner").html('<p class="myClass" id="myID">' + thisPage + '</p>');

});

Answer 2

以下代码可以满足您的需求。它从title标记内部获取文本，并将其写入具有类menu_location_inner的元素中：

$(document).ready(function() {
    var pagename = $("title").text();
    $(".menu_location_inner").text(pagename);
});