Jquery 添加跨度后重复页眉

我相信问题是因为JS同时应用于页面上的所有元素，而不是一次应用一个元素，但我不知道如何100%解决这个问题

JSFIDLE在这里：

这是您的标题
这是你的头衔

$（函数（）{
var分标题=$（'h2'），
subheadertext=$（subheader）.text（），
副标题full=''+副标题文本+''；
$（副标题）.html（副标题完整）；
});

如果只想更新第一个

h2

请尝试以下操作：

var subheader = $('h2:first')

---

如果您试图更改页面中每个“h2”元素的内容，则应使用

$。每个
：

$.each($('h2'), function() { /* your code here */  });

请参阅更新的JSFIDLE

我希望这就是你所需要的。
你想用这些代码做什么？实际上，问题是什么？你选择了2个
h2
元素，所以当你得到这两个元素的
text（）
时，它会被附加在一起，因此
subheadertext
=
这是你的标题这是你的标题
。我不确定你想用这段代码实现什么，所以我不能帮你更多。当你说$（'h2'）时，它将从你的页面中选择所有的
标记，当你说$（'h2'）。text（）时，它将附加所有
标记的所有文本。这就是为什么它会重复文本
这是你的标题这是你的标题
在这里了解有关jQuery选择器的更多信息。谢谢，这正是我需要的。在特定H2s周围添加一个跨度，以将灰色条置于其后面。
$.each($('h2'), function() { /* your code here */  });