使用.append（）的Click事件有效，但使用.after（）失败

Question

相当绿色。任何想法为什么这样做：

$('.myclass div').append(' <a ">HELLO WORLD</a>').click(this.function);

而这不是：

$('.myclass div').after(' <a ">HELLO WORLD</a>').click(this.function);

谢谢！

Answer 1

在这两种情况下，您都将处理程序添加到最初选择的div。因为事件会冒泡，所以第一个事件仍然可以处理，因为处理程序位于<a>的父级。

如果您想要a之后的div元素，则需要直接绑定到a。

您可以使用.insertAfter()来完成此操作......

$('<a>HELLO WORLD</a>').insertAfter('.myclass div').click(this.function);