javascript - Onclick锚标签，更改span中的标题

Question

我有一个跨度，例如： HTML 页面中的主页。和这样的锚标签：Introductiondemo。我的问题是，当用户单击锚标签时，如何更改 Span 中的标题“Home”并替换为锚标题。

Answer 1

你的意思是这样的？

$(document).on('click', 'a', function() {
    $('#module-titles').html( $(this).html() );
});

Answer 2

将类添加到<a>标签

 <a href="#module1-introduction" class="mod">Introduction</a>
 <a href="#module1-home" class="mod">demo</a>

试试这个jquery

$('.mod').click(function(){
    $('#module-titles').html($(this).html());
 })

Answer 3

只需使用选择器开头

$('a[href^="#module1-"]').click(function() {  

    $('#module-titles').text($(this).text());
});

Answer 4

使用 jquery 很容易做这样的事情你的锚标签应该有 id

<a href="#module1-introduction" id = "module1-introduction">Introduction</a>
<a href="#module1-home" id = "module1-home">demo</a>

$('#module1-introduction , #module1-home').click(function(){
     var new_text = $(this).html();   
     $('#module-titles').html(new_text); 
});

Answer 5

如果您在锚标题之后而不是锚内容（这是您在问题中所说的），那么您应该使用类似 tghis 的东西。

$('a').on('click', function() {
    $('#module-titles').html(this.title);
});

如果这是您所追求的内容，那么其他答案就可以了，但是您应该更新您的问题。