使用jQuery .get（）来获取特定元素

Question

我正在尝试使用ajax使用jQuery从另一个文件中获取具有特定类的元素，然后解析html以从中获取一些数据并将其放入对象中，然后以与原始html不同的标记显示数据。内容，主页上的元素。

使用load（）时，我可以定位特定的类：

$("#content").load("article.html .cover", function(){
    console.log("load() success");
});

这可行，但是我不希望将article.html中的html放入#content中，因此我尝试使用ajax（）以便在显示在回调中之前可以对其进行操作：

$.ajax({
    url: "article.html .cover"
}).done(function(){
console.log("ajax() success");
});

但这会导致404错误。 get（）结果与ajax（）相同。

$.get("article.html .cover", function(){
    console.log("get() success");
});

如何使用get（）定位此特定元素？

Answer 1

您可以尝试以下方法：

$.get("article.html", function(html){
   var cover = $(html).find('.cover');
});

有没有在没有魔法$不用彷徨 ，因为它似乎是在$ .load找到在网页中的特定元素。 您可以使用$.get获取任何文件类型，例如，在获取json文件时添加选择器是没有意义的。

编辑

如果您关心性能，则$.get显然会默认使用缓存（ link ）。

如果服务器端代码允许，您也可以（应该？） 仅返回所需的内容。 可能是请求articlecover.html插入article.html 。