Javascript 在jQuery中追加

我在jQuery中有这个片段。当用户单击id为“clickEventOnPlus”的添加符号时，我会附加一个输入文本。在这段代码中，有一个减号（在中定义）具有另一个类clickEventOnMinus

$('#clickEventOnPlus').click(function(){
   var addDestination2 = '<input type="text" <span><i style="font-size:18px" class="fa clickEventOnMinus">&#xf068;</i></span> <br> <br>'
   $(".addDestination").append(addDestination2);
});

---

您需要将

放在附加的元素之后。单击

，否则，选择器将找不到该元素

<script>
    $(document).ready(function(){
        $('#clickEventOnPlus').click(function(){
           var addDestination2 = '<input type="text" <span><i style="font-size:18px" class="fa clickEventOnMinus">&#xf068;</i></span> <br> <br>'
           $(".addDestination").append(addDestination2);

            $('.clickEventOnMinus').click(function(){
                 alert("W");
            });
        });
     });
</script>

$（文档）.ready（函数（）{
$（'#clickEventOnPlus'）。单击（函数（）{
var addDestination2='您需要将
放在附加的元素之后。单击
，否则，选择器将找不到该元素

<script>
    $(document).ready(function(){
        $('#clickEventOnPlus').click(function(){
           var addDestination2 = '<input type="text" <span><i style="font-size:18px" class="fa clickEventOnMinus">&#xf068;</i></span> <br> <br>'
           $(".addDestination").append(addDestination2);

            $('.clickEventOnMinus').click(function(){
                 alert("W");
            });
        });
     });
</script>


$（文档）.ready（函数（）{
$（'#clickEventOnPlus'）。单击（函数（）{
var addDestination2='试试这个

$(".addDestination").on('click', '.clickEventOnMinus', function(){
     alert("W");
});

试试这个

$(".addDestination").on('click', '.clickEventOnMinus', function(){
     alert("W");
});

我们可以使用委托事件将单击事件绑定到动态创建的元素，也可以避免频繁附加和删除事件处理程序

$(document).on('click', '.clickEventOnMinus', function() {
 alert("W");
});

我们可以使用委托事件将单击事件绑定到动态创建的元素，也可以避免频繁附加和删除事件处理程序

$(document).on('click', '.clickEventOnMinus', function() {
 alert("W");
});

我已经提出了一个建议，当元素被添加到DOM中时，请注意代码的顺序，事件也会被添加

<div id="clickEventOnPlus">
hola
</div>
<div class="addDestination">

</div>
$('#clickEventOnPlus').click(function(){
   var addDestination2 = $('<input type="text" <span><i style="font-size:18px" class="fa clickEventOnMinus">&#xf068;</i></span> <br> <br>');
   $(".addDestination").append(addDestination2);
   console.log(addDestination2);
   $('.clickEventOnMinus').click(function(){
     alert("W");
});
});


你好
$（'#clickEventOnPlus'）。单击（函数（）{
var addDestination2=$（'我已经做了一个简单的修改，当元素被添加到DOM中时，请注意代码的顺序，事件也会被添加

<div id="clickEventOnPlus">
hola
</div>
<div class="addDestination">

</div>
$('#clickEventOnPlus').click(function(){
   var addDestination2 = $('<input type="text" <span><i style="font-size:18px" class="fa clickEventOnMinus">&#xf068;</i></span> <br> <br>');
   $(".addDestination").append(addDestination2);
   console.log(addDestination2);
   $('.clickEventOnMinus').click(function(){
     alert("W");
});
});


你好
$（'#clickEventOnPlus'）。单击（函数（）{
var addDestination2=$（'It should's
$（document）.在（“click”，“.clickEventOnMinus”，function（）{}）
上，其他人似乎都忽略了这样一个事实：您从未关闭
输入
，如果您计划使用它，这可能会在以后引起问题。
它应该是
$（document）.在（“click”，“.clickEventOnMinus”，function（）{}）
其他人似乎都忽略了这样一个事实：您从未关闭
输入
，如果您计划使用它，这可能会在以后导致问题。
无需回答dup问题无需回答dup问题无需回答dup问题使用比
文档更小的范围回答dup问题
性能更好。但您必须添加一个回答说明。无需回答dup问题使用比
文档更小的范围，性能更好。但您必须在回答中添加说明。谢谢！另一个快速问题-我如何删除特定的附加项？如果我想使用减号删除特定的输入文本，我将如何进行在@abidishajia with remove（）我添加了这个，但它删除了所有附加的输入文本字段。我希望它删除一个特定的字段。
$（'clickEventOnPlus'）。单击（function（）{var addDestination2='&"xf068；

$（.addDestination”）。附加（addDestination2）；$（'clickEventOnMinus'）。单击（function（）{$（'.removeDest'）.remove（）；}）；
@lvaro TouzónThanks！另一个快速问题-如何删除特定的appended项？如果我想使用减号删除特定的输入文本，我将如何操作？@abidishajia with remove（）我添加了这个，但它删除了所有附加的输入文本字段。我希望它删除一个特定的字段。
$（'clickEventOnPlus'）。单击（function（）{var addDestination2='&&xf068；

'$（“.addDestination”）。附加（addDestination2）；$（'.clickEventOnMinus'）。单击（function（）{$（'.removeDest'））.remove（）；}）；
@lvaro Touzón