使用jQuery根据链接点击更改浏览器标签标题

Question

在 HTML 代码中，我有一个名为 NAC 的标题。

 <title>NAC</title>

并在我的网页中跟随链接

 <div id="navigation">
        <ul>
            <li id="home"><a  href="/index.html">Home</a></li>
            <li id="req"><a  href="/reg.html">send request</a></li>
            <li id="agenda"><a  href="/agenda.html">agenda</a></li>

        </ul>
      </div>

我希望在单击“发送请求”链接时，浏览器标签标题将显示“NAC - 发送请求”，并且“议程”将为：

NAC -agenda

i tried following code

$(document).ready(function(){
    $('#req').click(function(){
      var origTitle = document.title;
document.title = origTitle+"-send request ";
    });
});

但它没有起作用。浏览器选项卡仍然只显示NAC，没有附加发送请求文本。

- Sush

---

适用于我，你确定事件处理程序触发了吗？ - thomaux

@Sush：点击链接后，页面将重定向到特定位置（href）。 - Ishan Jain

这不会起作用，因为点击<a>将带您到它的href位置，并且标题将设置为新页面中<title>所设置的内容。因此，您永远看不到它改变。 - Ballbin

Answer 1

查看此 演示jsFiddle

jQuery

$(document).ready(function(){
    $('#req').click(function(){
      var origTitle = $("title#1").text();
      $("title").text( origTitle + "-send request ");
    });
});

CSS

title{
    display:block;
}

HTML

<title id="1">NAC</title>
<div id="navigation">
    <ul>
        <li id="home"><a  href="/index.html">Home</a></li>
        <li id="req"><a  href="/req.html">send request</a></li>
        <li id="agenda"><a  href="/agenda.html">agenda</a></li>
    </ul>
 </div>

我在标题标签中添加了ID，因为如果没有ID，就无法识别此标题文本。虽然只有一个标题标签，但在这种情况下，如果没有ID，我将无法找到它，因此我添加了ID属性。

- Jaykumar Patel