使用JavaScript两个<a>标签组合成一个

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是这两个锚元素的引用。 （一旦你获得了参照第一锚，你可以得到参考第二个像这样：a1.nextElementSibling）

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

Answer 2

更新：见@ SIME维达斯评论为一个更苗条的方法。

---

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>