首页 > 解决方案 > 无法将点击事件绑定到附加元素

问题描述

我是新手,遇到以下问题:

其中一个目标是在第一个用户输入字段中单击“空格”,“标签”应出现在下方。我不知道如何只点击“标签”之一?当我单击一个标签时,所有内容都将被删除。我只需要删除点击的标签。先感谢您。

<head>
    <script src="jquery-3.4.1.min.js"></script>
    </head>
    <body>
    <input type="text" name="prvi" id="prvi" value="Tag"></input>

    <button type="button" id="ponisti" name="ponistavanje">Poništi</button>
    <div class="prikazati"><br></div>
    <hr>
    <input type="number" name="broj1" placeholder="min"></input>
    <input type="number" name="broj2" placeholder="max"></input>
    <button type="button" name="generisi">Generiši</button>
    <script>
    var brojac = 1;
    $('#prvi').on('input', function(e) {
    if (e.target.value === ' ') {
    $('.prikazati').append('Tag' + brojac);
    $('#prvi').val('');
    brojac += 1;
    }
    });
    $(document).on('click', '.prikazati', function() {
       $(this).remove();
    });

    $('#ponisti').click(function() {
    $('.prikazati').html('<br>');
    brojac = 1;
    });

    </script>
    </body>

标签: jqueryclickappendbind

解决方案


推荐阅读