jQuery:ajax处理html页面

源码：

复制代码
  $.ajax({
                url: url,
                success: function (data) {
                    var reg = /<body>[\s\S]*<\/body>/g;
                    var html = reg.exec(data)[0];
                    html = $(html).filter(".body_main").html();
                    var title = $(html).filter("h2").html();
                    $("#body_main").find("h2").html(title);

                    var content = $(html).filter(".main_content").html();
                    $(content).prependTo("#dvFirst");
                    $("#dvFirst>div:gt(4)").remove();
                }
            });
复制代码

注意点：

1.ajax传输过来的data中有换行符，正则表达式的时候需要注意，不能用.*，必须用[\s\S]*

2.在含有<html>   </html>的字符串时，jquery不能够将字符串转化成Dom对象，需要去除html，body可以

3.在字符串转换成Dom对象后用find来查询时发现查不到，必须使用filter,具体的原因还不清楚。

find()获得当前元素匹配集合中每个元素的后代(子元素)，选择性筛选的选择器（会在当前指定元素中查找符合条件的子元素，是对它的子集操作）;

filter()则是在当前指定的元素集合中查找符合条件的元素，是对自身集合元素进行筛选。

例子：

body:

  var str = "<body><div>hongda</div><div>hongda2</div><div>hongda3</div><div>hongda4</div></body>";
            var html = $(str).find("div").first().html();
            console.log(html);  //null
 var str = "<body><div>hongda</div><div>hongda2</div><div>hongda3</div><div>hongda4</div></body>";
            var html = $(str).filter("div").first().html();
            console.log(html); //hongda

div:

  var str = "<div><div>hongda</div><div>hongda2</div><div>hongda3</div><div>hongda4</div></div>";
            var html = $(str).find("div").first().html();
            console.log(html);   //hongda
  var str = "<div><div>hongda</div><div>hongda2</div><div>hongda3</div><div>hongda4</div></div>";
            var html = $(str).filter("div").first().html();
            console.log(html);   //<div>hongda</div><div>hongda2</div><div>hongda3</div><div>hongda4</div>

 

posted @   hongdada  阅读(2668)  评论(0)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛（1）
点击右上角即可分享
微信分享提示