Javascript 如何根据jquery中选定的选项卡交换选项卡名称

这是我的小提琴

代码：




（SciCI）

（SS&HCI）

（M&HSCI）

（LSciCI）

历史引文索引

宗教引文索引

生物技术引文索引

食品科学引文索引

化学引文索引

数学引文索引

神经科学引文索引



滑动分页
$（文档）.ready（函数（）{
$（'div[id^=view_down]'）。隐藏（）；
$（'#查看下7'）.show（）；
$（'.tabs\u down\u link a'）。单击（函数（）{
var tab_id=$（this.attr（'href'）；
var now=$（this.attr（'.tabs_down_link a'）；
$（'div[id^=view_down]'）。隐藏（）；
$（tab_id）.show（）；
});
});

这里一切正常

现在有两个选项卡 1.基于学科领域的引文 2.基于子区域的引文

有一个公共div，用户单击任何特定选项卡，内容将显示在该公共div中，现在它显示正确，但我需要根据单击的选项卡更改选项卡名称

因此，现在默认的是“基于主题区域的引文”选项卡，因此当用户尝试单击基于子区域的引文时，选项卡名称“基于子区域的引文”应自动出现在第一个默认选项卡上

---

如何做到这一点，请帮助。

您可以使用此选项交换位置

$(this).before($('div[id^=view_down]'));

$(this).before($('div[id^=view_down]'));