javascript - 无法追加输入

Question

我有一个添加button ，点击 input必须附加字段。而不是 input ，如果我放置<p>在append() ，它正在附加。我哪里出错了？

HTML

<div id="inputstack">
<input type="text" class="selector" value="new">
<input type="text" class="selector" value="old">
<input type="text" class="selector" value="newest">
<input type="text" class="selector" value="oldest">
<input type="text" class="selector" value="older">
</div>

<input type="button" value="Add" id="addinput" />

JavaScript

$('.selector').on('blur',function () {
    var current_value = $(this).val();
  $(this).attr('value',current_value);
console.log(current_value);
    if ($('.selector[value="' + current_value + '"]').not($(this)).length > 0 || current_value.length == 0 ) {
      $(this).focus();
        alert('You cannot use this');
    }
});
$('#addinput').click(function(){
$('#inputstack').append("<input type="text" class="selector" value="">");
});

我的fiddle is here

Answer 1

语法错误..请留意控制台..引号问题

$('#inputstack').append('<input type="text" class="selector" value="">');

Working Demo