Использование 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 - это ссылки на эти два элемента ANCHOR. (Как только вы получите ссылку на первый якорь, вы можете получить ссылку на второй, например, так: a1.nextElementSibling.)

Демо: http://jsfiddle.net/simevidas/QWQy8/

Answer 2

Обновление: См. Комментарий Шиме Видаса для более тонкого метода.

---

Демонстрация в реальном времени

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>