使用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>