猿问

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

后端已字符串的形式返回完整的html页面供前端打印,我想在打印之前修改一部分样式。请问如何用jquery修改?

问题出现的环境背景及自己尝试过哪些方法

使用$(str),str为后台返回的完整页面字符串

相关代码

$(str).find(".print_paper:first").css("height","45px");


MM们
浏览 1588回答 3
3回答

九州编程

这个跟jquery没什么关系吧如果你返回的是一个这样的页面<!DOCTYPE&nbsp;html><html><head> &nbsp;&nbsp;&nbsp;&nbsp;<meta&nbsp;charset="utf-8"&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;<meta&nbsp;http-equiv="X-UA-Compatible"&nbsp;content="IE=edge"> &nbsp;&nbsp;&nbsp;&nbsp;<title>Page&nbsp;Title</title> &nbsp;&nbsp;&nbsp;&nbsp;<meta&nbsp;name="viewport"&nbsp;content="width=device-width,&nbsp;initial-scale=1"> &nbsp;&nbsp;&nbsp;&nbsp;<style> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.box{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:black; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;</style></head><body> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="box">测试</div></body></html>这时肯定一字符串,用不了什么方法,你要做的就是处理这个字符串,比如你想把这个.box的样式改成红色,那么,你就需要把这样的样式塞进这个字符串中,就可以替换原来的样式了<style> &nbsp;&nbsp;&nbsp;&nbsp;.box{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:red; &nbsp;&nbsp;&nbsp;&nbsp;}</style>具体的实现要看你返回的页面字符串有什么特点,比如我上面示例的这个,就可以这么处理var&nbsp;html&nbsp;=&nbsp;`<!DOCTYPE&nbsp;html><html><head> &nbsp;&nbsp;&nbsp;&nbsp;<meta&nbsp;charset="utf-8"&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;<meta&nbsp;http-equiv="X-UA-Compatible"&nbsp;content="IE=edge"> &nbsp;&nbsp;&nbsp;&nbsp;<title>Page&nbsp;Title</title> &nbsp;&nbsp;&nbsp;&nbsp;<meta&nbsp;name="viewport"&nbsp;content="width=device-width,&nbsp;initial-scale=1"> &nbsp;&nbsp;&nbsp;&nbsp;<style> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.box{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:black; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;</style></head><body> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="box">测试</div></body></html>` var&nbsp;css&nbsp;=&nbsp;`<style> &nbsp;&nbsp;&nbsp;&nbsp;.box{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:red; &nbsp;&nbsp;&nbsp;&nbsp;}</style>`
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答