Javascript 更改标题'；单击选项卡上的内容

我有个小问题。当我单击页面上的5个选项卡中的1个时，我想更改页面标题。该页面的标题应根据单击的选项卡进行更改。如果是这样的话：

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

单击tab1时，标题应更改为“tab1”，单击tab2时，标题应更改为tab2，依此类推

我尝试使用这个jquery，但没有成功。：）

$（文档）.ready（函数（）{
（“#tab2”）。单击（函数（）}{
（文件）。标题（“表2”）；
})
});

你能帮我吗

谢谢……

试试这个

<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>

1
2.
3.
4.
5.
$（文档）.ready（函数（）{
$（'.change title'）。在（'click'，function（）上{
document.title=$（this.attr（'id'）；
});
});

试试这个

<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>

1
2.
3.
4.
5.
$（文档）.ready（函数（）{
$（'.change title'）。在（'click'，function（）上{
document.title=$（this.attr（'id'）；
});
});

纯Js我也可以给你一个简短的版本

函数更改标题（页面标题）{
document.title=页面标题；
}
document.getElementById（'tab1'）.onclick=function（）{changetTitle（“tab1”）}；
document.getElementById（'tab2'）.onclick=function（）{changetTitle（“tab2”）}；
document.getElementById（'tab3'）.onclick=function（）{changeTitle（“tab3”）}；
document.getElementById（'tab4'）.onclick=function（）{changeTitle（“tab4”）}；
document.getElementById（'tab5'）。onclick=function（）{changetTitle（“tab5”）}；

A
B
C
D
E

纯Js我也可以给你一个简短的版本

函数更改标题（页面标题）{
document.title=页面标题；
}
document.getElementById（'tab1'）.onclick=function（）{changetTitle（“tab1”）}；
document.getElementById（'tab2'）.onclick=function（）{changetTitle（“tab2”）}；
document.getElementById（'tab3'）.onclick=function（）{changeTitle（“tab3”）}；
document.getElementById（'tab4'）.onclick=function（）{changeTitle（“tab4”）}；
document.getElementById（'tab5'）。onclick=function（）{changetTitle（“tab5”）}；

A
B
C
D
如果您使用jQuery中的方法，一个优雅的解决方案也可能是。然后您可以简单地为应该显示在title标签中的每个选项卡定义您的首选标题，它不再与您的id名称绑定

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中的方法，一个优雅的解决方案也可能是，然后您可以简单地为应该显示在title标记中的每个选项卡定义您的首选标题，并且它不再与您的id名称绑定

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>

我很高兴我能帮上忙我很高兴我能帮上忙你不能假设querent在他的页面中只有这些提到的div，data title='something'@Dherya当然没有，但是OP可以很容易地根据自己的需要更改代码？只要OP想要一个标题，OP只需在特定div中添加一个
数据标题
，jQuery将l点击后自动抓取其内容，并将其设置为文档标题。是和+1适用于您的不同方法：）@Sven@Dherya谢谢：）你不能假设查询人在他的页面中只有这些提到的div，数据标题是class='something'@Dherya不，当然不是，但是OP可以很容易地根据自己的需要更改代码？只要OP想要一个title OP只需向特定div添加一个带有所需标题的
数据标题
，jQuery会在单击时自动抓取其中的内容，并将其设置为文档标题。是的，对于不同的方法，+1:）@Sven@Dherya谢谢：）