jQuery focus() 在属于动态添加到页面中的表单的文本区域上

Question

我正在使用 clone() 将新表单动态添加到页面中，但是当我添加它时，我想让表单的文本区域成为焦点。我有下面的代码，但它不起作用：

.on('click', '.edit', function(e) {
            e.preventDefault();
            var $comment_holder = $($(this).closest('li'));
            var $edit_form = $('.comments form').clone();
            $edit_form.find('textarea').focus();
            $comment_holder.append($edit_form);
 });

我在 SO 上发现了很多相关问题，但它们并没有帮助解决我的问题。

Answer 1

在克隆 jQuery 之后尝试使用 appendTo

$edit_form.appendTo( $comment_holder );

换句话说;

.on('click', '.edit', function(e) {
    e.preventDefault();
    var $comment_holder = $(this).closest('li');
    var $edit_form = $('.comments form').clone();
    $edit_form.appendTo( $comment_holder ).find('textarea').focus();
});

jQuery focus() 在属于动态添加到页面中的表单的文本区域上

jQuery focus() on textarea that belongs to a form dynamicaly added into the page

html

javascript

jquery

textarea

focus