Javascript 如何在内部有多个元素的div上添加on-click事件

我有一个div，它是通过

jqueryui

的

draggable

动态生成的。被拖动到

sortable

的div的结构如下所示：

<div class="some-div" >
    <label class="label"> Label caption: </label>
    <input id="checkbox" type="checkbox" class="checkbox"/>
    <input id="checkbox" type="checkbox" class="checkbox"/>
    <input id="checkbox" type="checkbox" class="checkbox"/>
</div>

但是上面的代码也将

另一个div

附加到

div

中的元素

---

如何解决此问题？

事件处理程序中的此

将引用单击的

某些div

元素<代码>e.目标将指点击产生的元素，它可能是标签或输入元素

$(function() {
     $(document).on('click', '.some-div', function( e ) {
          e.preventDefault();
          $(this).append('<div>another-div</div>');
     });
});

$（函数（）{
$（文档）.on（'click'，'some div'，函数（e）{
e、 预防默认值（）；
$（this.append（'other-div'）；
});
});

---

演示：

注意：id必须是唯一的

$(function() {
     $(document).on('click', '.some-div', function( e ) {
          e.preventDefault();
          $(this).append('<div>another-div</div>');
     });
});