Question

如果用户在其中一个给定的文本输入字段中点击返回，我正在尝试在其下方插入一个新的空白文本输入字段 - 并在其他现有字段之前插入。下面的代码可以很好地将它附加到容器的底部，但我正在努力将它放在所选输入字段的正下方。

有什么建议吗？

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

if (event.keyCode == 13) {

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

}

Answer 2

使用after

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

或insertAfter

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

Answer 3

使用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 4

jQuery有一个:focus选择器，可用于查找具有焦点的项目，即

$("#item_container input:focus")

jquery - 克隆对象的定位

4 个答案: