选项卡标题更改基于选定的选项卡

Question

我有一个包含此代码的标签

<ul class="nav nav-tabs pull-right">
    <li><a href="#tab_3-2" target="_self" data-toggle="tab">tab3</a></li>
    <li><a href="#tab_2-2" target="_self" data-toggle="tab">tab2</a></li>
    <li class="active"><a href="#tab_1-1" target="_self" data-toggle="tab">tab1</a></li>
    <li class="pull-left header"><i class="fa fa-user-plus" aria-hidden="true"></i> title</li>
</ul>

正如你所看到它有一个标题，我想要一个基于选定标签的不同标题。 因此，如果我选择tab1将标题更改为title1，如果tab2更改为title2等

你能帮助我吗？