jquery next() 在刚刚添加的元素上

Question

这就是我想要发生的事情：

• 有人在输入字段中输入文本
• 当他们在键盘上点击 ENTER 时，它会使用 after() 函数在当前输入字段之后添加一个输入字段，然后聚焦该输入字段，以便他们可以继续输入并一遍又一遍地执行此操作

这是我的代码不起作用：

$('.table-todo input[type=text]').live('keypress', function (e) {   
    if (e.which == 13) 
    {
        $parent = $(this).parent('.field');     
        $.get('projects-add-task.php?show_delete=yes', function (data) { $parent.after(data); }, 'html');
        $(this).next('input[type=text]').focus();
    }
});

这是projects-add-task.php的内容：

<div class="field">
<input type="text" name="task[]" />
<a href="#" title="Add Task Below" class="todo-add"><img src="images/icon-todo-add.png" alt="" onmouseover="this.src='images/icon-todo-add-h.png'" onmouseout="this.src='images/icon-todo-add.png'" /></a>
<?php if ($_GET['show_delete'] == 'yes') { ?>
<a href="#" title="Delete This Task" class="todo-delete"><img src="images/icon-todo-delete.png" alt="" onmouseover="this.src='images/icon-todo-delete-h.png'" onmouseout="this.src='images/icon-todo-delete.png'" /></a>
<?php } else { ?>
<img src="images/icon-todo-delete-o.png" alt="" />
<?php } ?>
<div style="clear: both;"></div>
</div>

它只是没有关注通过$.get 添加的输入，我不知道如何修复它。它正在将下一个输入字段添加到页面中，但它没有聚焦它。

Answer 1

你可以这样做：

    $parent = $(this).parent('.field');    
    $this = $(this);
    $.get('projects-add-task.php?show_delete=yes', function (data) { 
        $parent.after(data); 
        $parent.next().children('input[type=text]').focus();
    }, 'html');

问题是在执行$(this).next('input[type=text]').focus(); 时实际上并没有创建下一个输入元素，因为您正在使用AJAX 调用来创建它。你还需要父母的下一个元素。