jQuery .append()、prepend()、after() ...重复的元素和内容？

Question

在我的代码中，此命令仅运行一次:

jQuery("#commentrating").append('A');

但是在div #commentating 内部出现了两个“A”元素!可能是什么导致了这个错误？

附注.after() 也有错误:S

Answer 1

也许是由事件冒泡引起的。(只是猜测，没有更多信息可用)

假设:

<script  type="text/javascript">
jQuery(
  function($)
  {
    $('div')
      .click(function(e)
             {
              $('span',this).append('A');
             }
            );
  }
);
</script>
<div><div><b>click here:</b><span></span></div></div>

如果点击文本，点击会在内层div上触发，并向上冒泡到外层div，函数会执行2次。

要避免这种情况，请使用 stopPropagation()

<script  type="text/javascript">
jQuery(
  function($)
  {
    $('div')
      .click(function(e)
             {
              e.stopPropagation();
              $('span',this).append('A');
             }
            );
  }
);
</script>
<div><div><b>click here:</b><span></span></div></div>