Question

我在cloning div appending div与不同按钮点击的父cloning。此appending和JS事件来自不同的element个文件，因此我希望在将div添加到父JS/Jquery: $('.but').on('click',function(){ $('.sample').clone(true) .removeClass('sample') .addClass($(this).text()) .appendTo($('.parent')); $('.rem').fadeIn(); }); $('.rem').on('click',function(){ $('.parent').children('.com:last-child').remove(); }); /*this is my conventional code this will be trigged every time when new element is added to parent div if(elements are increased in parent div){ do your thing } */ HTML: <div class="button-wrp"> <div class="but cm">red</div> <div class="but cm">green</div> <div class="but cm">blue</div> <div class="rem cm">Remove</div> </div> <div class="parent"></div> <div class="sample com"></div>时触发事件。一种方法是去添加相同的代码或调用函数不同的地方。我想知道在jquery中是否有一个内置函数，当任何子项被附加到它时会被触发。以下是我的代码（Fiddle）

{{1}}

如果您希望看到所有这些内容有效，请点击fiddle link

Answer 1

您可以使用jQuery事件系统。这就是想法：

首先设置你的听众：

$( 'div' ).on( 'child_appended', function(){
    // this is your parent with a new child
    var parent_with_new_child = this;
} );

然后当你追加一个新的孩子时，你可以这样做：

$( '.parent' ).append( $( '.child' ) ).trigger( 'child_appended' );

如需更多参考，请转到here

检查是否有任何元素附加到父级

1 个答案: