目标动态添加元素

Question

我有以下jQuery代码：

$('.class-name').each(function() {
    $(this).parent().prepend(this);
});

因此它定位.class-name并在页面加载时正常工作。

我希望它还可以定位任何动态添加的元素（页面加载后）与类.class-name。

我该怎么做？

Answer 1

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

$('document').on('event', '.class-name' function() {
    $(this).parent().prepend(this);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>