javascript - 将功能应用于当前点击并删除其他点击的功能

尝试将功能addDiv()应用于当前单击的元素，它可以正常工作，但不会在另一次单击时删除功能addDiv()。单击文本时，将addDiv（）函数应用于div标签并添加了示例文本，但是仅需要在当前单击的标签上应用此addDiv（）函数。有人能帮我吗？

这是链接：https://jsfiddle.net/a0L2jj1y/1/

的HTML

<div>
    Tesing 1
</div>
<div>
    Tesing 2
</div>
<div>
    Tesing 3
</div>

JS

$(function(){

    function addDiv(){

    $('<div class="txt"/>').text('sample text added').appendTo('.clicked');

    }

    $(document).on('click', function(event){
        var clickedTag = event.target
        event.stopPropagation();
        $('.clicked').removeClass('clicked');

        if($(clickedTag).text().length >= 1){
            $(clickedTag).addClass('clicked');
            addDiv();
        } else {
            // I need to remove addDiv();
        }
    });
});

最佳答案

尝试：

$(function(){

  function addDiv(){

  $('<div class="txt"/>').text('sample text added').appendTo('.clicked');

  }
  $(document).on('click', function(event){
  var clickedTag = event.target
  event.stopPropagation();
  $('.clicked').removeClass('clicked');

  if($(clickedTag).text().length >= 1){
  $(clickedTag).addClass('clicked');
  addDiv();

  } else {
  $(clickedTag).unbind();
  }

  });


});