jQuery將標題更改爲活動頁面中的h1標題

Question

如何將活動頁面標題更改爲h1標題或h1內容？

HTML

<section id="contact" class="page_content"> 
      <h2 title="Contact">Contact</h2> 
</section> 

的JavaScript

$("ul.pages li").click(function() { 
    $("ul.pages li").removeClass("active"); 
    $(this).addClass("active"); 
    $(".page_content").hide(); 
    var activepage = $(this).find("a").attr("href") 
    $(activepage).show();       
    return false; 
}); 

Answer 1

試試;

$("ul.pages li").click(function() { 
    $(this).addClass('active').siblings().removeClass('active'); 
    $(".page_content").hide(); 
    var activepage = $('a', this).attr("href"); 
    $(activepage).show(); 
    document.title = $('h1', activepage).first().text(); 
    $('title').text(document.title);       
    return false; 
}); 

Answer 2

添加ID： < H1 ID = 「mytitle」 標題= 「接觸」 >接觸</H1 >

$("ul.pages li").click(function() { 
    $("ul.pages li").removeClass("active"); 
    $(this).addClass("active"); 
    $(".page_content").hide(); 
    var activepage = $(this).find("a").attr("href") 
    $(activepage).show(); 

    // NEW: 
    $("#mytitle").text("Hello this is changed"); 
    $("#mytitle").attr("title","we can also change here");  

    return false; 
}); 

希望這就是你的樣子ng for

Answer 3

使標題屬性匹配當前頁的ID，然後

$("ul.pages li").click(function() { 
    $("ul.pages li").removeClass("active"); 
    $(this).addClass("active"); 
    $(".page_content").hide(); 
    var activepage = $(this).find("a").attr("href") 
    $(activepage).show();  
    $("h1[title="+activepage+"]").html("The new Title"); 
    return false; 
}); 

Answer 4

如果你想改變頁面的title的價值，你可以嘗試：

var current = $('h1').attr('title') 
$('title').text(current) 

// or document.title = current;