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

Answer 2

只需将双引号更改为单引号，如下所示：

$('#addinput').click(function(){
  $('#inputstack').append('<input type="text" class="selector" value="">');
});

无法附加输入

2 个答案: