用另一个标签替换一个标签的文本 [英] Replacing text of one tag with another

问题描述

我在这里有一个菜单:

<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，则我希望标签之间的任何文本(在本例中为Something2)都显示在标头标签之间.

When a user clicks on a link within the menu, how do I get whatever link they clicked to show up within the header tag? So if a user picks the second link, Something2, I want whatever the text is between the a tag, in this case Something2, to show up between the header tag.

推荐答案

SO中有许多适用于您的上下文的工作示例.它在jQuery中非常简单，您很难问.请浏览 API jQuery

There are number of working examples for your context in SO. Its very simple in jquery and you asking very hard. Please look through API Jquery

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

小提琴

您的第二个问题:我有一个后退按钮，如何将以前的链接恢复为原来的链接?"

for your second question "I have a back button, how do I revert the previous link back to what it was? "

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

这篇关于用另一个标签替换一个标签的文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！