jQuery 제목을 h1 제목으로 변경하면 활성 페이지로 바뀝니다.

Question

활성 페이지 제목을 h1 제목 또는 h1 콘텐츠로 어떻게 변경합니까?

HTML

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

자바 스크립트

$("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

는 페이지의 title의 값을 변경하려면

$("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

, 당신은 시도 할 수 있습니다 다음, 현재 페이지의 ID와 제목 속성 일치합니다

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

// or document.title = current;