通过jquery动态添加标签

Adding tag dynamically by jquery

本文关键字：加标签 添加 动态 jquery 通过      更新时间：2023-09-26

我使用jquery动态添加标签，但是我面临一些问题。我可以删除原始代码中的标记，但是，我不能删除由jquery添加的标记。

另一个问题是我如何避免添加重复的标签(相同的值)?很多谢谢!

<div id='searchTerm' class='searchTerm'>
    <span><b>U.S.A</b><a class="remove" href="#"></a></span>
    <span><b>H.K.</b><a class="remove" href="#"></a></span>
</div>
$('document').ready(function(){
    $('#addTag').click(function() {
        var html='';
        html += '<span><b>' + $("#newTag").val() + '</b><a class="remove" href="#"></a></span>';
        $('#searchTerm').append(html);
    });
    $('.remove').click(function() {
        $(this).parent().remove();
    });
});

use on()用于动态添加的标签

$(document).on('click','.remove',function() {
    $(this).parent().remove();
});
相关文章：