如何使用Jquery选择动态添加的元素

Question

我正在使用jQuery函数.load()加载一些html，并且一切正常。 问题是我需要选择一些动态创建的元素以使用JS应用某些样式。 例如：

$(".new-element-class").datepicker();

我知道动态添加的元素不是DOM的一部分，并且我可以通过以下方式触发事件：

$("body").on("click", ".new-element-class", function() {});

对于该解决方案，我已经读了很多答案，但这不是我所需要的。 我想选择并应用函数而不必等待事件。 我也尝试过find() ，但是没有用。

Answer 1

您需要在动态添加新元素的代码中调用.datepicker() 。 您可以在.load()的回调函数中执行此操作

$("#element").load("url", function() {
    $(this).find(".new-element-class").datepicker();
});