Javascript 附加/前置选择同级（）不使用HTML标记元素

我有以下HTML代码：

<span class="apparatus type-substantive">
<span class="reading HQ1">I there’s the </span>
<span class="reading TTQ1 BQ1">ay, there's the </span>
<span class="reading HQ2 BQ2 BF BE HaF MW GBE HJ DB4 BR PE TW TS TTQ2 TTF RSM"> that is the </span>
</span>

我想那是我的房间
是的，有一个
这就是问题所在

我想在类HQ2（第三个跨度）的前面和后面注入“”，在类HQ1（第一个跨度）的前面和后面注入{和}，所以我这样做了：

$('span.HQ2').prepend('<span class="pended">&lt;</span>').append('<span class="pended">&t;</span>').siblings('.HQ1').prepend('<span class="pended">&#123;</span>').append('<span class="pended">&#125;</span>').css('color','#217b26');

$（'span.HQ2'）.prepend（''）.append（'&t；'）。同胞（'.HQ1'）。prepend（'{；'）。append（'}；'）。css（'color'，'217b26'）；

问题是，结果不是我期望的结果，因为第二个append和prepend不起作用，只有当我删除span标记并保留“{”和“}”时，它们才起作用。.css（）按预期工作，因此使用.sibles（）可以正确完成选择。我认为问题可能在于.sibles（）给我的结果，可能它不接受在HTML标记之前加上前缀或其他东西。我不知道

你能告诉我吗？

---

非常感谢。

请在大于和小于分数之前尝试“\”。这将确保它们被解释为文本：

$（'span.HQ2'）。前置（'\'）。同级（'.HQ1'）。前置（'{；'）。追加（'}；'）。css（'color'，'217b26'）

我想那是我的房间
是的，有一个
这就是问题所在
今天，我已经找到了这不起作用的原因。。。显然，我忘了我在同一代码中有一段jquery阻止了我这么做。。。我被自己的密码愚弄了/
无论如何，谢谢大家。
请先修复代码，查看
>完成，但结果是一样的。
.prepend（）
和
.append（）
添加子元素。也许你想使用
.before（）
和
.after（）
@JohnS，这很有效！非常感谢你。但是知道它为什么不能与.append（）和.prepend（）一起使用会很酷这里有一个与
prepend（）
&
.append（）
，还有一个与
.before（）
&
.after（）
。结果对我来说是一样的（使用Firefox）。（我确实修复了您使用“&t；”而不是“.”的打字错误）这在我的代码中不起作用。。。也许是因为我把问题简化了一点。按照@JohnS的建议使用.before（）和.after（）是可行的。无论如何，非常感谢；）没问题。如果您厌倦了搜索html键代码，我认为反斜杠是一个不错的选择；）