将后台返回字符串数据转为jquery对象,并做一些操作

将后台返回字符串数据转为jquery对象,并做一些操作

     在 web 开发中,经常会有后台返回 html 字符串的情况,需要在 js 里将其 转为 juery 对象或者 DOM 并做一些处理,下面这是我在实际中遇到的一点问题,记录一下。

问题如下:

     后台获取的字符串是一大段 html , 然后 转为 juery 对象,从中 取出一部分,本来取出来的也是 juery 对象,大致如下 (转为jquery对象,有的浏览器 会格式化 加换行 \r\n)

                                      var str =  “<TD>合计</TD>” +
                                                         “<TD></TD>” +
                                                           “<TD></TD>” +
                                                            “<TD>5</TD>” +
                                                            “<TD>8</TD>” +
                                                            “<TD>4</TD>” +
                                                           “<TD>0</TD>” +
                                                          “<TD>0</TD>” +
                                                         “<TD>17</TD>” +
                                                         “<TD>8</TD>” +
                                                         “<TD>13</TD>” +
                                                          “<TD>9</TD>” +
                                                         “<TD>5</TD>” +
                                                          “<TD>9</TD>” +
                                                         “<TD>0</TD>” +
                                                          “<TD>44</TD>” +
                                                            “<TD>5</TD>”;        

      前台 需要 合并单元格 ,因此要把前三个 <td> 去掉, 原本是想直接 截取字符串,谁知道 不同浏览器 ,在转为 juery 对象时,有的会自己格式化加上换行 \r\n ,有的不会,因此不同浏览器 字符串长度也不同,截取的不一样,后来就通过判断浏览器来解决。

     后来我想了想,这样兼容性很不好,后来我想了想,可以直接通过 操作 jquery 对象删除 td 的,看了看 jquery 手册 ,找到如下方法:

     1、var dd = $(“<tr>”+str+”</tr>”);    //重点就在这里

     2、 var divHtml = dd.find(‘td:eq(0),td:eq(1),td:eq(2)’).remove();     //找到前三个 td 去掉
            alert(dd.html());

    第一步,外层一定要加上 <tr>,不然转为 jquery 对象是 只会转第一个 <td>,后面的都没有了,而且我试了,外面 加<div> 也不行,外面 加<table>可以,不过它会自动在table下面加上 一层 tbody  ,再加一层 tr

   后来总结下,可以转为 jquery 对象时,外层必须加上一层,而且要符合 html 代码的规则,就好比 td 外面要 加 tr

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/111325.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 菜单权限表sql语句「建议收藏」

    菜单权限表sql语句「建议收藏」selectm.*     fromt_menum     wherem.state=’1′      and((menu_type=1andexists        (select1          fromv_user_menub          wherem.menu_id…

    2022年10月31日
  • The server encountered an internal error that prevented it from fulfilling this request的一种解决办法[通俗易懂]

    500状态码,问题出现的情况多样,建议根据Exception信息分析,进行debug断点调试排查具体原因

  • Quercus_Quercus salicina

    Quercus_Quercus salicina其实,我不确定Quercus是否可以被认定为一门JVM语言;其次Quercus这个东东分开源版与商业版,开源版只能解释执行、而商业版能编译成Java字节码。但我知道国内,阿里巴巴很早就在使用它,当然,

  • 手机钓鱼网站生成器_2021QQ空间钓鱼源码

    手机钓鱼网站生成器_2021QQ空间钓鱼源码欢迎访问我的网站http://ff999.cn里面有最新各种钓鱼程序源码提供下载QQ钓鱼YY钓鱼程序源码

  • RabbitMQ入门篇[通俗易懂]

    文章目录前言MQ的基本概念MQ的优势MQ的劣势常见的MQ产品RabbitMQRabbitMQ简介RabbitMQ中的相关概念:RabbitMQ工作模式Workqueues工作队列模式Pub/Sub订阅模式Routing路由模式Topics通配符模式工作模式总结消息确认生产者前言记录RabbitMQMQ的基本概念MQ全称MessageQueue(消息队列),是在消息的传输过程中保存消息的容器。多用于分布式系统之间进行通信MQ的优势应用解耦提高系统容错性和可维

  • nmap命令小结(一)

    nmap命令小结(一)Nmapnmap是一个非常强大的网络扫描工具,学习nmap的话,我建议大家多读一读官方文档,这里我所写的也仅仅是对Nmap中文文档的一个总结,以及一些我的个人看法。官方文档地址:http://www.nmap.com.cn/主机发现端口扫描主机发现nmap的主机发现主要是基于ICMP包的一个探测,所以用nmap的主机发现命令格式大多都是-P*;-sP:nmap仅对主机进行ping扫

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号