为了账号安全,请及时绑定邮箱和手机立即绑定

如何将后台返回的html字符串转换为可操作的jquery对象

如何将后台返回的html字符串转换为可操作的jquery对象

MM们 2018-08-02 17:10:48
后端已字符串的形式返回完整的html页面供前端打印,我想在打印之前修改一部分样式。请问如何用jquery修改?问题出现的环境背景及自己尝试过哪些方法使用$(str),str为后台返回的完整页面字符串相关代码$(str).find(".print_paper:first").css("height","45px");
查看完整描述

3 回答

?
九州编程

TA贡献1785条经验 获得超4个赞

这个跟jquery没什么关系吧

如果你返回的是一个这样的页面

<!DOCTYPE html><html><head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        .box{            color:black;
        }    </style></head><body>
    <div class="box">测试</div></body></html>

这时肯定一字符串,用不了什么方法,你要做的就是处理这个字符串,比如你想把这个.box的样式改成红色,那么,你就需要把这样的样式塞进这个字符串中,就可以替换原来的样式了

<style>
    .box{        color:red;
    }</style>

具体的实现要看你返回的页面字符串有什么特点,比如我上面示例的这个,就可以这么处理

var html = `<!DOCTYPE html><html><head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        .box{            color:black;
        }    </style></head><body>
    <div class="box">测试</div></body></html>`

var css = `<style>
    .box{        color:red;
    }</style>`



查看完整回答
反对 回复 2018-08-04
  • 3 回答
  • 0 关注
  • 1587 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信