为动态div的所有子级绑定点击事件

Question

问题：

我有兴趣绑定动态生成的div的所有子级的单击事件。

理解：

自 1.7 起绑定

$(staticAncestors).on(eventName, dynamicChild, function() {...

example:
$('body').on('click','.myDiv', function() {...

使用 * 作为选择器绑定到所有元素

$('.myDiv').on('click', '*', function() {...

问题：

如何将 * 绑定到动态生成的div？

已经在jsfiddle中复制了我的项目。

注意：在 Ahmad 的 jsfiddle （请参阅第一个答案）中，子单击事件可以在包含或不包含*在单击选择器中的情况下工作。*在我的 jsfiddle 中，如果您单击 PARENT div，我的示例可以正常工作（当不是时），但单击 CHILD 元素（图像和文本标题）则不行。现在，将 * 添加到我的示例中，但没有任何效果...

Answer 1

我刚刚尝试了我在评论中问你的问题，它有效：

$('body').on('click','.myDiv *', function() {

这是一个例子： http: //jsfiddle.net/rfdwrrma/3/