javascript - jQuery追加スパンをdivに

Question

私はメニュー構造を持っています。以下を使用します。

<ul id="quicktabs-ileti_im">
<li><a href="#qt-ileti_im-ui-tabs1" tabindex="0" class="">1</a></li>
<li><a href="#qt-ileti_im-ui-tabs1" tabindex="0" class="">2</a></li>
<li><a href="#qt-ileti_im-ui-tabs1" tabindex="0" class="">3</a></li>
</ul>

そしてしたい：

<li><a href="#qt-ileti_im-ui-tabs1" tabindex="0" class=""><span>1</span></a></li>

私のjQueryコード:

$("#quicktabs-ileti_im ul li a").append('<span>');

しかし、結果:

<li><a href="#qt-ileti_im-ui-tabs1" tabindex="0" class="">1<span></span></a></li>

どうすれば修正できますか？

Answer 1

$("#quicktabs-ileti_im > li > a").contents().wrap("<span />");