javascript - 如何让 jquery 选择已使用 client.open 加载的 html 中的类

Question

在我的 html 文档中，我有这段代码

var client = new XMLHttpRequest();
client.open('GET', '(URL)example.txt');
client.onreadystatechange = function() {
       var theblog = client.responseText;
       $("#bloglocation").html(theblog);
}
client.send();
});

在那个加载的html中我有

    <p class="example">example</p>

稍后在文件中，我使用 jquery 更改类示例中所有元素的颜色。

    $('.example).css({"background-color" : "yellow"});

jquery 适用于不在加载的 html 中的具有该类的所有元素。我怎样才能让它为加载的 html 中的类工作。

Answer 1

您正在使用 jQuery，所以使用 jQuery：

$.get('example.txt').done(function(data) {
    $("#bloglocation").html(data);
});

但是您需要在数据加载后设置背景颜色：

$.get('example.txt').done(function(data) {
    $("#bloglocation").html(data);
    $("#bloglocation .example").css({"background-color" : "yellow"});
});

Answer 2

XMLHttpRequest 是一个异步操作，这意味着在发出 AJAX 请求时，您的其余代码正在运行。

您可以在 onreadystatechange 中重复您的代码

client.onreadystatechange = function() {
   var theblog = client.responseText;
   $("#bloglocation").html(theblog);
   $('.example').css({"background-color" : "yellow"});
}

这样在 AJAX 请求完成后 CSS 就会更新。