jquery append（）不起作用

Question

我有这个非常简单的小提琴设置，如果有人能指出为什么它不起作用我真的很感激它，一直在努力想出这个问题。

以下是代码：

$('input[type=file]').change(function () {
    if ($(this).val()) {
        alert('This thing works.');
        $(this).append('<input type="file" name="test">');
    } else {
        $(this).remove();
    }
});

Also, Fiddle Link

Answer 1

您无法向input添加任何内容，使用.after或.replaceWith。输入是一个可能不包含子元素的元素。

Answer 2

您无法向input元素

附加任何内容

Answer 3

使用.after()或.before()或.inserAfter()：

$(this).after('<input type="file" name="test">');