javascript - 如何使用 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() 链接到 ，使用 $(this).find( .load() 回调中的“.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
});