无法追加输入

Unable to append input

本文关键字：输入 追加      更新时间：2023-09-26

我有一个添加的button，单击后必须添加一个input字段。如果我将<p>放在append()中，而不是input，则它是附加的。我哪里错了？

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="">");
});

我的小提琴在这里

语法错误。。请留意控制台。。报价问题

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

工作演示

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

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