JQuery - 新しく生成された要素の周りに新しい要素を配置する方法

Question

スクリプトは新しい入力フィールドを生成し、その周りに 'span'要素を配置したいと考えています。しかし、私はそれを行う方法を把握することはできません。

.append($('<a>').html('+') 
      .attr('href', '#') 
      .click(function(){ 
       ($(this) 
        .after($('<a>').text('X') 
         .attr('href', '#') 
         .click(function(){ 
          $(this).parent().remove(); 
          return false; }) 
        ) 
        .after($('<input>') // NEED A SPAN AROUND THIS ELEMENT 
         .attr('type', 'text') 
         .attr("name","avz_anzahl["+avz_array+"][]") 
         .attr("size","3") 
         .attr("style","margin-left:10px; margin-top:5px;") 
         .attr("id","anzahl_feld") 
         .attr("onblur","anzahl_vali();") 
         .attr("value", "") 
        ) 

        .after('<br/>')).append ; 
       return false; }) 
    ) 

Answer 1

あなたがラップ機能を使用することができます

.after($('<span>').html($('<input>') 
         .attr('type', 'text') 
         .attr("name","avz_anzahl["+avz_array+"][]") 
         .attr("size","3") 
         .attr("style","margin-left:10px; margin-top:5px;") 
         .attr("id","anzahl_feld") 
         .attr("onblur","anzahl_vali();") 
         .attr("value", "") 
        ) 
    ) 

Answer 2

あなたはjQueryの.wrap方法で<span>要素を使って要素をラップすることができます：

[yourcodehere].wrap('<span>'); 

Answer 3

あなたはjQueryのラップを試すことができます。

http://api.jquery.com/wrap/

<div class="container"> 
    <div class="inner">Hello</div> 
    <div class="inner">Goodbye</div> 
</div> 

    $('.inner').wrap('<div class="new" />'); 

Answer 4

のような部分を変更してみてください - http://api.jquery.com/wrap/