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">');