使用.html（）工作的jQuery设置输入值属性

Question

我希望能够在value元素中设置input属性的内容，但是没有成功完成此操作。

HTML：

<div class='photo-info'>
    Photo Name : <span class='photo-name'><?php echo $title; ?></span>
    <span class='title-edit'><a href='#'>Edit</a></span>
</div>

jQuery的：

// show editable area for title
    $('.title-edit').on('click', function () {
        var $titleElm = $(this).prev();
        var text = $titleElm.text();
        $titleElm.html("<input type='text'>").val('tom');
    })

结果：

https://jsfiddle.net/fh7t9qwd/1/

Answer 1

更新HTML后添加find('input')：

$titleElm.html("<input type='text'>").find('input').val('tom');

jsFiddle Demo