Событие Click с использованием .append() работает, но не работает .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);