jquery append/prepend/wrapInner？

<li><a>Link Text</a></li>

は、HTMLの開始：

<li><a>Link Text</a></li>

私は.append()と別に.wrapInner()で.prepend()を使用しようとしましたが、所望の出力を与えるでもないしました。

$('li a').wrapInner("");

出力：

<li><a>Link Text</a></li>

$('li a').prepend("<span class='icon'></span><span class='text'>"); 
$('li a').append("</span>");

出力：

<li><a>Link Text</a></li>私はjsfiddle hereを設定しました。私が望むものを達成する方法はありますか？このような

はここに私のjsFiddleをご確認ください。あなたは1行にしたい場合は、私は、以下のような

$('li a').wrapInner("<span class='text'></span>"); 

$('li a').prepend("<span class='icon'></span>");

を使用し、ここで

$('li a').wrapInner("<span class='text'></span>").prepend("<span class='icon'></span>");

以下

DEMOとして

2012-01-04 19:15:40

なぜあなたはあなたの開始と終了のタグを逆にしましたか？ '" "' –

これも機能します、ありがとう！ 1行のvers。 @Matt_H解決策よりコード上でわずかに軽いです。 –

タグ逆転で私の悪いです。編集しました –

何か作業をする必要があります：

$('li a').html('<span class="icon"></span><span class="text">' + $('li a').html() + '</span>');

2012-01-04 19:14:57

ありがとうございます！私は '.html（）'が問題になると思っていましたが、jQueryでそれを解決するには熟練していませんでした。 –

これが正解であれば、チェックしてください。ありがとう。 –

複数の 'li a '要素がある場合、これは機能しません。それは本当に使用すべきではない破壊的なアプローチです。 –

は、これは少し良く動作しているようです:)

var curText = $('li a').text(); 

$('li a').html("<span class='icon'></span><span class='text'>"+curText+"</span>");

2012-01-04 19:15:33

を使用してこれを行うに何か問題はありますか？

text = $('li a').html(); 
$('li a').html("<span class='icon'></span><span class='text'>"+text+"</span>");

2012-01-04 19:15:43 Tim

答えて