使用Javascript结合两个<a> tags into one</a>

Question

我有这样的事情：

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

我希望它看起来像：

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

然而，由于WordPress的限制，我有点不确定如何将它们结合起来。

Answer 1

下面：

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

其中a1和a2是对这两个ANCHOR元素的引用。 （一旦你得到对第一个锚的引用，你就可以得到对第二个锚的引用：a1.nextElementSibling。）

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

Answer 2

更新：请参阅@ŠimeVidas对于更轻薄方法的评论。

---

<强> Live Demo

<强> jQuery的：

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

<强> HTML：

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

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

<强>输出：

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

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