js 取闭合标签正则_js正则表达式解析html标签中的内容

最新推荐文章于 2024-06-20 14:26:49 发布
最新推荐文章于 2024-06-20 14:26:49 发布
阅读量1.5k 收藏
点赞数
文章标签： js 取闭合标签正则
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39747595/article/details/111627245
版权

接口获取的要解析的josn数据：

{

"item": {

"nick": "科沃斯旗舰店",

"price": "0.01",

"approve_status": "instock",

"num_iid": 612239024359,

"pic_url": "https://img.alicdn.com/bao/uploaded/i3/420722466/O1CN01T2804H1U5THm381Su_!!0-item_pic.jpg",

"title": "【新品首发】预定科沃斯空气检测仪Aaron新品 送旅行6件套",

"wireless_desc": "<wapDesc><img size="32012">https://img.alicdn.com/imgextra/i4/420722466/O1CN01OIDbxo1U5THojl5ZV_!!420722466.jpg</img><img size="160172">//img.alicdn.com/imgextra/i4/420722466/O1CN01Z2Ir4x1U5THm31ZmP_!!420722466.jpg</img><img size="127159">//img.alicdn.com/imgextra/i2/420722466/O1CN01s6qFyb1U5THoNlaAu_!!420722466.jpg</img><img size="153211">https://img.alicdn.com/imgextra/i2/420722466/O1CN01oQNK8t1U5THoNQEaZ_!!420722466.jpg</img><img size="137332">https://img.alicdn.com/imgextra/i2/420722466/O1CN01cisOqO1U5THnkHnIE_!!420722466.jpg</img><img size="131081">https://img.alicdn.com/imgextra/i1/420722466/O1CN01bDdBaw1U5THnkHnIJ_!!420722466.jpg</img><img size="133468">https://img.alicdn.com/imgextra/i3/420722466/O1CN01d8cD5d1U5THm2cwP4_!!420722466.jpg</img><img size="206774">https://img.alicdn.com/imgextra/i4/420722466/O1CN01PizxZl1U5THmL80BH_!!420722466.jpg</img><img size="242981">https://img.alicdn.com/imgextra/i3/420722466/O1CN01uTwJ1y1U5THmq67Ja_!!420722466.jpg</img></wapDesc>",

"desc": "<p><img src="https://img.alicdn.com/imgextra/i4/420722466/O1CN01OIDbxo1U5THojl5ZV_!!420722466.jpg" align="absmiddle"><img src="https://img.alicdn.com/imgextra/i1/420722466/O1CN01yPTKtK1U5THeZzMDS_!!420722466.jpg" align="absmiddle"><img src="https://img.alicdn.com/imgextra/i2/420722466/O1CN01oQNK8t1U5THoNQEaZ_!!420722466.jpg" align="absmiddle"><img src="https://img.alicdn.com/imgextra/i2/420722466/O1CN01cisOqO1U5THnkHnIE_!!420722466.jpg" align="absmiddle"><img src="https://img.alicdn.com/imgextra/i1/420722466/O1CN01bDdBaw1U5THnkHnIJ_!!420722466.jpg" align="absmiddle"><img src="https://img.alicdn.com/imgextra/i3/420722466/O1CN01d8cD5d1U5THm2cwP4_!!420722466.jpg" align="absmiddle"><img src="https://img.alicdn.com/imgextra/i4/420722466/O1CN01PizxZl1U5THmL80BH_!!420722466.jpg" align="absmiddle"><img src="https://img.alicdn.com/imgextra/i3/420722466/O1CN01uTwJ1y1U5THmq67Ja_!!420722466.jpg" align="absmiddle"></p>"

}，

例子1：

e676a083ee836f0fc4746076a2a2038b.png

正则表达式解析如下：

`<wapDesc><img size="32012">https://img.alicdn.com/imgextra/i4/420722466/O1CN01OIDbxo1U5THojl5ZV_!!420722466.jpg</img><img size="160172">//img.alicdn.com/imgextra/i4/420722466/O1CN01Z2Ir4x1U5THm31ZmP_!!420722466.jpg</img><img size="127159">//img.alicdn.com/imgextra/i2/420722466/O1CN01s6qFyb1U5THoNlaAu_!!420722466.jpg</img><img size="153211">https://img.alicdn.com/imgextra/i2/420722466/O1CN01oQNK8t1U5THoNQEaZ_!!420722466.jpg</img><img size="137332">https://img.alicdn.com/imgextra/i2/420722466/O1CN01cisOqO1U5THnkHnIE_!!420722466.jpg</img><img size="131081">https://img.alicdn.com/imgextra/i1/420722466/O1CN01bDdBaw1U5THnkHnIJ_!!420722466.jpg</img><img size="133468">https://img.alicdn.com/imgextra/i3/420722466/O1CN01d8cD5d1U5THm2cwP4_!!420722466.jpg</img><img size="206774">https://img.alicdn.com/imgextra/i4/420722466/O1CN01PizxZl1U5THmL80BH_!!420722466.jpg</img><img size="242981">https://img.alicdn.com/imgextra/i3/420722466/O1CN01uTwJ1y1U5THmq67Ja_!!420722466.jpg</img></wapDesc>`.replace("<wapDesc>", "").replace("</wapDesc>", "").replace(/<img(.+?size="(d+)")*?>(.+?)</img>/g, "<p><img src="$3" style="max-width:100%;"></p>")

解析后的数据：

"<p><img src="https://img.alicdn.com/imgextra/i4/420722466/O1CN01OIDbxo1U5THojl5ZV_!!420722466.jpg" style="max-width:100%;"></p><p><img src="//img.alicdn.com/imgextra/i4/420722466/O1CN01Z2Ir4x1U5THm31ZmP_!!420722466.jpg" style="max-width:100%;"></p><p><img src="//img.alicdn.com/imgextra/i2/420722466/O1CN01s6qFyb1U5THoNlaAu_!!420722466.jpg" style="max-width:100%;"></p><p><img src="https://img.alicdn.com/imgextra/i2/420722466/O1CN01oQNK8t1U5THoNQEaZ_!!420722466.jpg" style="max-width:100%;"></p><p><img src="https://img.alicdn.com/imgextra/i2/420722466/O1CN01cisOqO1U5THnkHnIE_!!420722466.jpg" style="max-width:100%;"></p><p><img src="https://img.alicdn.com/imgextra/i1/420722466/O1CN01bDdBaw1U5THnkHnIJ_!!420722466.jpg" style="max-width:100%;"></p><p><img src="https://img.alicdn.com/imgextra/i3/420722466/O1CN01d8cD5d1U5THm2cwP4_!!420722466.jpg" style="max-width:100%;"></p><p><img src="https://img.alicdn.com/imgextra/i4/420722466/O1CN01PizxZl1U5THmL80BH_!!420722466.jpg" style="max-width:100%;"></p><p><img src="https://img.alicdn.com/imgextra/i3/420722466/O1CN01uTwJ1y1U5THmq67Ja_!!420722466.jpg" style="max-width:100%;"></p>"

例子2：

44e3edf8bec68184732981d95ede6b68.png

正则表达式要解析的数据：

`<wapDesc>

<img>https://img.alicdn.com/imgextra/i2/321628573/TB2QI9qXNvxQeBjy0FdXXaybXXa_!!321628573.jpg</img>

<img>https://img.alicdn.com/imgextra/i3/321628573/O1CN01kAlyDI2DCU78sRFL1_!!321628573.jpg</img>

</wapDesc>`.replace("<wapDesc>", "").replace("</wapDesc>", "").replace(/<img(.+?size="(d+)")*?>(.+?)</img>/g, "<p><img src="$3" style="max-width:100%;"></p>")

"

解析后的数据：

<p><img src="https://img.alicdn.com/imgextra/i2/321628573/TB2QI9qXNvxQeBjy0FdXXaybXXa_!!321628573.jpg" style="max-width:100%;"></p>

<p><img src="https://img.alicdn.com/imgextra/i3/321628573/O1CN01kAlyDI2DCU78sRFL1_!!321628573.jpg" style="max-width:100%;"></p>

例子3：

acd72018d635f2e52ea6bc853002e0df.png

正则要解析的数据：

` <p>

<img src="https://img.alicdn.com/imgextra/i4/880734502/O1CN015JMOld1j7xir5pku3_!!880734502.jpg" align="absmiddle">

<img src="https://img.alicdn.com/imgextra/i2/880734502/O1CN01MU5Nk01j7xim4u5ez_!!880734502.jpg" align="absmiddle">

<img src="https://img.alicdn.com/imgextra/i4/880734502/O1CN01KIzsQN1j7xioCKKhl_!!880734502.jpg" align="absmiddle">

<img src="https://img.alicdn.com/imgextra/i4/880734502/O1CN01gLAjlw1j7xiqlyNGp_!!880734502.jpg" align="absmiddle">

<img src="https://img.alicdn.com/imgextra/i3/880734502/O1CN01WpFe8S1j7xitUzauN_!!880734502.jpg" align="absmiddle">

<img src="https://img.alicdn.com/imgextra/i3/880734502/O1CN01ozHAV51j7xifo12Mg_!!880734502.jpg" align="absmiddle">

<img src="https://img.alicdn.com/imgextra/i1/880734502/O1CN01HWx4fw1j7xirytg9z_!!880734502.jpg" align="absmiddle">

<img src="https://img.alicdn.com/imgextra/i3/880734502/O1CN01WLoS2w1j7xioCISIk_!!880734502.jpg" align="absmiddle">

<img src="https://img.alicdn.com/imgextra/i4/880734502/O1CN01e9RI231j7xir5okWs_!!880734502.jpg" align="absmiddle">

<img src="https://img.alicdn.com/imgextra/i4/880734502/O1CN01c3IYqd1j7xioCL4T5_!!880734502.jpg" align="absmiddle">

<img src="https://img.alicdn.com/imgextra/i3/880734502/O1CN01vPy66o1j7xirytPWE_!!880734502.jpg" align="absmiddle">

<img src="https://img.alicdn.com/imgextra/i4/880734502/O1CN01EspF9a1j7xiq3aC9j_!!880734502.jpg" align="absmiddle">

</p>`.replace(/style="max-width:750.0px;"/g, "").replace(/(<([img]+s+.*?)>)/g, "<$2 style="max-width:100%;">")

解析后的数据：

<p>

<img src="https://img.alicdn.com/imgextra/i4/880734502/O1CN015JMOld1j7xir5pku3_!!880734502.jpg" align="absmiddle" style="max-width:100%;">

<img src="https://img.alicdn.com/imgextra/i2/880734502/O1CN01MU5Nk01j7xim4u5ez_!!880734502.jpg" align="absmiddle" style="max-width:100%;">

<img src="https://img.alicdn.com/imgextra/i4/880734502/O1CN01KIzsQN1j7xioCKKhl_!!880734502.jpg" align="absmiddle" style="max-width:100%;">

<img src="https://img.alicdn.com/imgextra/i4/880734502/O1CN01gLAjlw1j7xiqlyNGp_!!880734502.jpg" align="absmiddle" style="max-width:100%;">

<img src="https://img.alicdn.com/imgextra/i3/880734502/O1CN01WpFe8S1j7xitUzauN_!!880734502.jpg" align="absmiddle" style="max-width:100%;">

<img src="https://img.alicdn.com/imgextra/i3/880734502/O1CN01ozHAV51j7xifo12Mg_!!880734502.jpg" align="absmiddle" style="max-width:100%;">

<img src="https://img.alicdn.com/imgextra/i1/880734502/O1CN01HWx4fw1j7xirytg9z_!!880734502.jpg" align="absmiddle" style="max-width:100%;">

<img src="https://img.alicdn.com/imgextra/i3/880734502/O1CN01WLoS2w1j7xioCISIk_!!880734502.jpg" align="absmiddle" style="max-width:100%;">

<img src="https://img.alicdn.com/imgextra/i4/880734502/O1CN01e9RI231j7xir5okWs_!!880734502.jpg" align="absmiddle" style="max-width:100%;">

<img src="https://img.alicdn.com/imgextra/i4/880734502/O1CN01c3IYqd1j7xioCL4T5_!!880734502.jpg" align="absmiddle" style="max-width:100%;">

<img src="https://img.alicdn.com/imgextra/i3/880734502/O1CN01vPy66o1j7xirytPWE_!!880734502.jpg" align="absmiddle" style="max-width:100%;">

<img src="https://img.alicdn.com/imgextra/i4/880734502/O1CN01EspF9a1j7xiq3aC9j_!!880734502.jpg" align="absmiddle" style="max-width:100%;">

</p>"

weixin_39747595
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
数据存储之SwiftJSON
Quinn's blog ! I'm glad to be here!
11-08 1091
SwiftyJSON 可以让你在 Swift 语言中更好的处理 JSON 数据了，下面我们来看一篇关于Swift开发之SwiftyJSON的使用祥解（附样例，用于JSON数据处理）的例子。 1，SwiftyJSON介绍与配置 SwiftyJSON是个使用Swift语言编写的开源库，可以让我们很方便地处理JSON数据（解析数据、生成数据）。 GitHub地址：https://github.com/Sw
[Swift]SwiftyJSON的使用：解析JSON
weixin_30426957的博客
04-15 368
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号：山青咏芝（shanqingyongzhi）➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）➤GitHub地址：https://github.com/strengthen/LeetCode➤原文地址：https://www.cnblogs.com/stren...
js 如何解析带有html标签的内容
最新发布
m0_72642319的博客
06-20 599
在JavaScript中解析带有HTML标签的内容，通常是为了提取信息或转换HTML结构为可操作的对象。
SwiftyJSON的使用详解
热门推荐
ly410726的专栏
05-08 2万+
转载 点击打开链接1，SwiftyJSON介绍与配置SwiftyJSON是个使用Swift语言编写的开源库，可以让我们很方便地处理JSON数据（解析数据、生成数据）。GitHub地址：https://github.com/SwiftyJSON/SwiftyJSON使用配置：直接将 SwiftyJSON.swift 添加到项目中即可。2，SwiftyJSON的优点同 JSONSerializatio...
SwiftyJSON
流星雨的博客
11-27 645
描述：SwiftyJSON是一个swift编写的对json数据进行解析的类库，SwiftyJSON的使用极其方便，而且不用担心数组越界等问题 GitHub地址：https://github.com/SwiftyJSON/SwiftyJSON 在本文写作时，SwiftyJSON在GitHub上的star已经达到了14899，光看star就知道，这个库，还是比较值得用的。 1.cocoapods...
SwiftyJSON 如何使用
weixin_43259805的博客
12-02 1058
SwiftyJSON 如何使用 1.最简单的json数据转模型 json格式 ["userName":"jesse","sex":0,"height":0.0] 定义 class PersonModel: NSObject { var userName = "" var sex = false var height = 0.0 init(jsondata: JSON){ userName = jsondata["userName"].stringV
移除HTML标签的正则表达式
10-29
对于嵌套的HTML标签、自闭合标签（如` `）以及复杂的HTML结构，这个正则表达式可能无法完全正确地处理。在处理更复杂的HTML时，通常建议使用专门的HTML解析库，如JavaScript的DOM解析器或者Python的...
C#使用正则表达式过滤html标签
09-01
在C#编程中，正则表达式是一种强大的文本处理工具，尤其在处理HTML内容时，可以用来有效地过滤或提取特定的HTML标签。本篇文章将详细解释如何使用C#的正则表达式来过滤HTML标签，以便将HTML字符串转换为纯文本。 ...
Python使用正则表达式去除(过滤)HTML标签提取文字功能
12-13
Python中的正则表达式是处理文本的强大工具，尤其在处理HTML文档时，它可以用来去除HTML标签，从而提取纯文本内容。在上述示例中，我们看到一个名为`filter_tags`的函数，它专门用于从HTML字符串中过滤掉标签并保留...
用正则表达式写的HTML分离函数
10-30
在本例中，作者使用了VBScript中的正则表达式对象来实现HTML标签的去除。具体步骤如下： - **创建正则表达式对象**：`Set objRegExp = New RegExp` - **设置正则表达式属性**： - `IgnoreCase`: 设置为True，表示...
js代码-js判断标签{([是否闭合
07-16
总的来说，通过正则表达式和JavaScript的字符串操作，我们可以有效地判断HTML标签的闭合状态，这对于编写安全、可靠的前端代码至关重要。在进行任何DOM操作或HTML字符串处理时，确保标签正确闭合都是一个良好的编程...
swift-Elevate一个Swift的JSON解析框架
08-15
Elevate是一个JSON的解析框架，使解析更简单，可靠，可组合。
swift-Jsonify是一个讨人喜欢的JSON解析Swift框架
08-15
Jsonify是一个令人愉快的JSON解析框架，采用Swift编写可用于iOS / macOS / watchOS / tvOS平台。
swift-史上最便捷的JSON模型解析
08-15
使用Codable将JSON响应数据转换为swift对象的Alamofire扩展
swift-SexyJson是一个用于Swift3中的JSON快速轻松地解析开源库
08-15
SexyJson是一个用于Swift3 中的JSON快速轻松地解析开源库，完美支持类和结构模型，支持KVC模型，完全面向协议架构，支持iOS和MAC OS X
Swift 利用SwiftyJSON解析数据、Alamofire请求数据
WUYANYANstrong的博客
09-23 4191
import Alamofire import SwiftyJSON //网络请求数据     func request(){         Alamofire.request(.GET, "http://fanyi.youdao.com/openapi.do", parameters: ["keyfrom": "bhzjbxjhb","key":"*********
js正则解析字符串中html标签（解析字符串中html的img标签及其中src、name属性）
HiterCoder
04-26 6999
let str = 'aaaaaaaaaaaa\n' + '&lt;img name="U+1F608" src="../../static/images/emoji/1f608.png" style="width: 18px;height: 18px;margin: 2px;"&gt;\n' + 'bbbbbbb&lt;img name="U+1F608" src="../../sta
js html正则解析,JS正则表达式详解
weixin_28826521的博客
06-01 371
1.正则语法规则[xyz]字符集，匹配任何一个包含的字符[^xyz]否定字符集，匹配未包含的字符\w数字字母下划线\W非数字字母下划线\s空白字符\S非空白字符\d匹配数字\D匹配非数字\b单词开头或结束的位置\B非单词开头或结束的位置^开始位置$结束位置示例：简易邮箱匹配varr=/[\w.-]@[\w.-]///或者var r = new RegExp('[\w.-]@[\w.-]','...
[快速学会Swift第三方库] SwiftyJSON篇
weixin_33785972的博客
05-24 505
[快速学会Swift第三方库] SwiftyJSON篇 SwiftyJSON使得用Swift处理JSON数据更加容易。这是解析JSON字符串封装类。实现功能与Javascript中的JSON.parse相近，使用方便。 目录 快速学会Swift第三方库 SwiftyJSON篇 目录 编码之前 导入SwiftyJSO...
JavaScript正则表达式实战技巧全解析
"这篇资源是关于JavaScript正则表达式的实用大全，涵盖了多种常见的正则表达式应用场景，包括匹配数字、处理空格、验证电话和手机号、处理字符串中的空格、限制输入格式、匹配中文字符、处理IP地址、提取HTML内容、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值