Javascript 目标动态添加的元素

Javascript 目标动态添加的元素,javascript,jquery,Javascript,Jquery,我有以下jQuery代码: $('.class-name').each(function() { $(this).parent().prepend(this); }); 因此,它以.class name为目标,在页面加载时运行良好 我希望它还针对使用class.class name动态添加的任何元素(页面加载后) 如何执行此操作?使用处理程序上的来动态定位页面上新添加的元素 $('document')。在('event','class name'函数()上{ $(this.paren

我有以下jQuery代码:

$('.class-name').each(function() {
    $(this).parent().prepend(this);
});
因此,它以
.class name
为目标,在页面加载时运行良好

我希望它还针对使用class
.class name
动态添加的任何元素(页面加载后)


如何执行此操作?

使用处理程序上的来动态定位页面上新添加的元素

$('document')。在('event','class name'函数()上{
$(this.parent().prepend(this);
});

将该代码放入一个函数中,然后在添加新的动态内容后再次调用它-或者更好,在第一步中实际添加到DOM中的内容中包含预先添加的数据place@RoryMcCrossan动态添加的元素是由第三方函数添加的,并且是随机发生的。这是对您的情况至关重要的信息,应该是真正的问题。添加内容时,第三方功能是否公开任何事件?如果是这样,您应该在该事件中调用
prepend()
。如果不是,请注意使用MutationObserver,尽管注意并非所有浏览器都完全支持它们。@NenadVracar OPs代码中没有click事件处理程序。@Rorymcrossan我可以通过任何方式确定第三方函数是否在不查看事件的情况下公开任何事件(非常混乱)代码?在OPs代码中,您到底在哪里看到事件处理程序?我假设OP必须在某种事件中进行代码包装。