通过jquery动态添加标记

Question

我使用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();
    });
}); 

Answer 1

对动态添加的标签使用 on()

$(document).on('click','.remove',function() {
    $(this).parent().remove();
});