如何使用 Jquery .find() 查找已加载 .load() 的元素

Question

我需要在一个 div 中加载一个 html 文件，这个 html 里面有很多元素。文件加载后不久，在 div 中，我需要在这个 html 中找到一个特定元素来更改它的值。

我正在使用以下代码：

var div = document.createElement('div'); 
$("#emptySpacee").append(div);       // insert the new div into the DOM
$(div).load('html/page.html', function(){      // load the page 
    $(div).find(".fieldName").val(1234);   //search using class name
});

文档已加载，但使用 jquery .find() 我无法获取元素。

我阅读了很多关于这个问题的帖子，看起来一切都取决于我正在搜索元素但尚未在 DOM 中创建元素的事实。

当加载了 html 文件的所有元素都可以使用 Jquery.find() 函数搜索时，我应该怎么做才能开始搜索？

Answer 1

尝试选择$("#emptySpacee").find(div) 将.load() 链接到 ，在.load() 回调中使用$(this).find(".fieldName").val(1234)

var div = document.createElement('div'); 
var name = $.now();
div.className = name;
$("#emptySpacee").append(div);       // insert the new div into the DOM
$("#emptySpacee").find("[class=" + name + "]").load('html/page.html', function(){      // load the page 
    $(this).find(".fieldName").val(1234);   //search using class name
});