Ändern Sie den Inhalt des Titels auf der Registerkarte klicken Sie auf

Question

Ich habe ein kleines Problem. Ich möchte meinen Seitentitel ändern, wenn ich auf 1 von 5 Tabs klicke, die ich auf meiner Seite habe. Der Titel dieser Seite sollte sich ändern, je nachdem, auf welche Registerkarte geklickt wurde. Wenn wäre in etwa so gehen:

<div id="tab1"></div> 
<div id="tab2"></div> 
<div id="tab3"></div> 
<div id="tab4"></div> 
<div id="tab5"></div> 

Wenn auf tab1 geklickt haben, sollten Titel „tab1 ändern, wenn auf tab2 geklickt haben, sollte das Eigentum an tab2 ändern und so weiter ...

Ich habe versucht, mit diesem jquery, aber es hat nicht funktioniert. :)

<script type="text/javascript"> 
$(document).ready(function(){ 
    ('#tab2').click(function()}{ 
     (document).title ('tab2'); 
    }) 
}); 

können Sie mit, dass mir bitte helfen?

Danke ....

Answer 1

Versuchen Sie, diese

<div class="change-title" id="tab1">1</div> 
<div class="change-title" id="tab2">2</div> 
<div class="change-title" id="tab3">3</div> 
<div class="change-title" id="tab4">4</div> 
<div class="change-title" id="tab5">5</div> 

<script> 
$(document).ready(function() { 
    $('.change-title').on('click',function(){ 
     document.title = $(this).attr('id'); 
    }); 
}); 
</script> 

Answer 2

Reines Js ich Sie kurze Version auch

function changeTitle(pagetitle){ 
 
document.title = pagetitle; 
 
} 
 
document.getElementById('tab1').onclick = function(){changeTitle("tab1")}; 
 
document.getElementById('tab2').onclick = function(){changeTitle("tab2")}; 
 
document.getElementById('tab3').onclick = function(){changeTitle("tab3")}; 
 
document.getElementById('tab4').onclick = function(){changeTitle("tab4")}; 
 
document.getElementById('tab5').onclick = function(){changeTitle("tab5")};

<div id="tab1">A</div> 
 
<div id="tab2">B</div> 
 
<div id="tab3">C</div> 
 
<div id="tab4">D</div> 
 
<div id="tab5">E</div>

Answer 3

Eine elegante Lösung auch wenn sein könnte dir geben kann würde die Methode data() in jQuery verwenden. Dann können Sie einfach Ihren bevorzugten Titel für jeden Tab definieren, der im Title-Tag angezeigt werden soll und er ist nicht mehr mit dem Namen Ihrer ID verbunden.

HTML

<div id="tab1" data-title="Tab 1"></div> 
<div id="tab2" data-title="Tab 2"></div> 
<div id="tab3" data-title="Tab 3"></div> 
<div id="tab4" data-title="Tab 4"></div> 
<div id="tab5" data-title="Tab 5"></div> 

jQuery

$("div").click(function(){ 
    document.title = $(this).data("title"); 
});