jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Jquery/javascript,从ajax响应中过滤html对象大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个html:
<div id="1">
  <div class="text">
     Text for div 2 
  </div>
<img src="images/image1.jpg"></img>
</div>

<div id="2">
  <div class="text">
    Text in div 2
  </div>
  <img src="images/image2.jpg"></img>
</div>

我用一个简单的.ajax调用获取

var html = $.ajax({
         url: "htmlsnippet.html",cache: false,async: false,dataType: "html"
         }).responseText;

如果我过滤它:

var htmlFiltered = $(html).filter("#1");

它工作正常,我得到整个div与id =“1”,
但如果我使用:

var htmlFiltered = $(html).filter("#1 .text");

htmlFiltered变量是一个空对象.
我无法弄清楚我做错了什么.

解决方法

你应该这样存储它
$.ajax({
   url: "htmlsnippet.html",dataType: "html",success: function(data){
      html = data;
   }
}

编辑:你获取HTML的方式有效,但不推荐.
您无法获取最后一个元素,因为您使用的是filter而不是find,因此您应该:

var htmlFiltered = $(html).find("#1 .text");

代替

var htmlFiltered = $(html).filter("#1 .text");

此外,W3C建议不要使用数字ID.

编辑2:这应该工作:

var htmlFiltered = $(html).filter("#1").find(".text");

希望这可以帮助.干杯

大佬总结

以上是大佬教程为你收集整理的Jquery/javascript,从ajax响应中过滤html对象全部内容,希望文章能够帮你解决Jquery/javascript,从ajax响应中过滤html对象所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。