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。

如何获取jquery来选择使用client.open加载的html中的类

2 个答案: