2011-04-13 14 views
0

に2個のタグを組み合わせるためにJavaScriptを使用して:私はワードプレス内の制限のために、しかし私はこのような何か持っている1

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

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

を、私はそれが見えるようにしたいですJavaScriptを賢明に組み合わせる方法はほとんど分かりません。ここで

+1

文字通りこの正確なマークアップですべてを行う必要がない限り、説明が必要です。 –

+0

'wordpress'には制限がありますか?それら2つのアンカーはどのように作成されますか? – Khez

+2

あなたが別のリンクになるのを説明するならば、 –

答えて

4

a1a2は、これら2つのアンカー要素への参照である

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

。 (あなたが最初のアンカーへの参照を取得したら、あなたはとても状の第2の1への参照を取得することができます。a1.nextElementSibling)を

ライブデモ:http://jsfiddle.net/simevidas/QWQy8/

1

更新:サイムVIDAS'はコメント@を参照してください。スリムな方法のために。


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> 
+0

の後でそれらを組み合わせるのではなく、より良い答えを得るかもしれません。これらの2行を以下のように細くすることができます: '$(this).append($(this).next ).remove().html()); ' - [ライブデモ](http://jsfiddle.net/simevidas/CASff/1/) –

+0

@îime:ありがとう。私はjQueryをかなり新しくしているので、まだすべてのショートカットが分からない。 :) – drudge