javascript - 将一个标签的文本替换为另一个标签的文本

Question

我这里有一个菜单:

<header></header>
<a class="back">Back</a>
<ul>
   <li>
      <a href="#">Something</a>
   </li>
   <li>
      <a href="#">Something1</a>
   </li>
   <li>
      <a href="#">Something2</a>
   </li>
   <li>
      <a href="#">Something3</a>
   </li>
</ul>

当用户单击菜单中的链接时，如何让他们单击的链接显示在标题标记中？因此，如果用户选择第二个链接 Something2，我希望 a 标记之间的任何文本(在本例中为 Something2)显示在标题标记之间。

Answer 1

SO 中有许多适合您的环境的工作示例。它在 jquery 中非常简单，而且你问得很困难。请浏览API Jquery

$("ul li a").click(function(e) {
    e.preventDefault();
    $('header').text($(this).text());
});

Fiddle

对于你的第二个问题“我有一个后退按钮，如何将之前的链接恢复到原来的样子？”

var temp = '';

$("ul li a").click(function(e) {
     e.preventDefault();
     temp = $('header').text();
     $('header').data('value', temp);
     $('header').text($(this).text());
    });

$(".back").click(function(e) {
    e.preventDefault();
    var val = $('header').data('value');
    $('header').text(val);
});

Fiddle2