使用jQuery在$ .load（）之后不在DOM中？

Question

var id = 'test';
var dom = $('#loader').clone().load("Views/chatBox.html");
dom.find('span.bn').text(id);

在chatBox.html中，有：

...
<span class="bn">AAA</span>
...

我想用“test”替換“AAA”，但是失敗了（dom.find無法獲取它），這意味着它無法立即獲得。

怎么做正確的方法？

Answer 1

如果您打算使用返回的元素，則應該在回調函數上執行此操作，這是因為HTML的檢索是異步完成的，並且在請求結束並且元素被注入DOM時執行回調函數：

var id = 'test';
$('#loader').load("Views/chatBox.html", function () {
  $('span.bn', this).text(id);
});

另請注意，在您的示例中，您正在克隆 #loader元素，並且克隆元素尚未在DOM中，您必須插入它，但我不確定您是否真的想要克隆該元素。 。