1

含む div 内にフォーム フィールド div のリストがあります。

<div id="container">
    <div class="form-field">    
        // Data
    </div>
    <div class="form-field"> // selected item   
        // Data
    </div>
    <div class="form-field">    
        // Data
    </div>
</div>

作業中のアイテムを保持する選択されたアイテム変数があります。たとえば、2 番目のフォーム フィールド div が選択されているとします。選択したアイテムの直後に別の要素を追加するにはどうすればよいですか? 別のフォーム フィールド div をリストの 3 番目のスポットに追加する必要があります。リストは動的であるため、どこに移動するかは常に選択した項目によって異なります。

4

1 に答える 1

0

jsFiddle デモ

セレクター.after()と組み合わせて使用:eq()

$('.form-field:eq(1)').after('<h2>Your New Html After it</h2>');

おそらく動的にしたいでしょうし、それを1変数にして、必要なフォームフィールドの後に置くことができます. これにより、必要に応じて2番目のdivの後に来るようになります。注 :eq() は 0-index ベースです。

于 2012-11-20T19:49:52.827 に答える