jquery - クローニングされたオブジェクトの位置付け

Question

与えられたテキスト入力フィールドの1つに戻りながらヒットした場合は、その直下に新しい空白のテキスト入力フィールドを挿入しようとしています。以下のコードは、コンテナの下部に追加する際にはうまく動作しますが、選択した入力フィールドのすぐ下に配置する方法には苦労しています。

提案がありますか？

JS

if (event.keyCode == 13) { 

    $(this).clone(true).val('').appendTo('#item_container').focus(); 
    return false; 

} 

HTML

<div id="item_container"> 
     <input type="text" class="list_item"> 
     <input type="text" class="list_item"> 
        <input type="text" class="list_item"> 
        <input type="text" class="list_item"> 
</div> 

Answer 1

使用after

$(this).after($(this).clone(true).val('')).focus(); 

またはinsertAfter

$(this).clone(true).val('').insertAfter(this).focus(); 

Answer 2

使用するためのjQuery afterまたはinsertAfter;）一度に

var target = $(this) 
var copy = target.clone(); 
target.after(copy) 
copy.val('').focus(); 

または全て：

$(this).after($(this).clone().val('').focus()); 

これは新しい要素にフォーカスを設定し、クリア

又は

$(this).after($(this).clone()).val('').focus(); 

これにフォーカスを設定し、古い素子

fiddle here

Answer 3

if (event.keyCode == 13) { 

    $(this).clone(true).val('').insertAfter(this).focus(); 
    return false; 

} 

Answer 4

はjQueryの、すなわち、フォーカスのあるアイテムを見つけるために使用することができる:focusセレクタを有する

クリア

$("#item_container input:focus")