Question

我有一个通过draggable动态生成的div jQuery ui已拖到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 ，如果 {{ 1}} 或点击其中的元素。

到目前为止我尝试的是：

div

但上面的代码也将$(function() { $(document).on('click', '.some-div', function( e ) { e.preventDefault(); $(e.target).append('another-div'); }); });附加到another div内的元素。

我该如何解决这个问题？

Answer 1

事件处理程序内的

this将引用单击的some-div元素。 e.target将引用点击源自的元素，它可能是标签或输入元素。

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

演示：Fiddle

如何在具有多个元素的div上添加on click事件

1 个答案: