使用 Javascript 组合两个 标签合而为一

Question

我有这样的东西：

<a href="#"> &plusmn;</a>
<a href="#"> Link Here</a>

我希望它看起来像：

<a href="#"> &plusmn; Link Here</a>

但是，由于 WordPress 内的限制，我有点不确定如何将它们与 JavaScript 结合起来。

Answer 1

这里：

a1.textContent += a2.textContent;
a2.parentNode.removeChild(a2);

其中 a1 和 a2 是对这两个 ANCHOR 元素的引用。 （一旦获得对第一个锚点的引用，您就可以获取对第二个锚点的引用，如下所示：a1.nextElementSibling。）

现场演示： http://jsfiddle.net/simevidas/QWQy8/

Answer 2

更新：请参阅@Šime Vidas 的评论以了解更精简的方法。

---

现场演示

jQuery：

$('a + a').prev().html(function() {
    $(this).html($(this).html() + $(this).next().html());
    $(this).next().remove();
});

HTML：< /strong>

<a href="#"> ±</a>
<a href="#"> Link Here</a>

<a href="#"> ±</a>
<a href="#"> Another Link Here</a>

输出：

<a href="#"> ± Link Here</a>

<a href="#"> ± Another Link Here</a>