jquery - 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();
    }
});

また、フィドルリンク

Answer 1

input、 use.afterまたはに何も追加することはできません.replaceWith。入力は、子要素を含むことができない要素です。

Answer 2

input要素には何も追加できません

Answer 3

.after()または.before()またはを使用.inserAfter():

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