解析后端返回带有标签的字符串

  1. 使用场景:后端返回带有标签的字符串,前端只需标签内部的值。
var str = "<span id='detail' style='color:red;'>查看详情</span>";
思路:利用正则表达式,找出标签,然后用空字符串替换。
var pattern = /<[^>]+>/g;
str.match(pattern ); // 返回匹配到的标签数组 ["<span id='detail' style='color:red;'>", "</span>"]

判断是否有标签,完成替换取值
var str2= str.match(pattern ) && str.match(pattern ).length > 0 ? str.replace(/<[^>]+>/g, "") : str;//str2 = "查看详情"   

参考文档链接:js解析带html标签的字符串

  1. 使用场景:后端返回带有标签的字符串,前端需取标签内的属性值,例如跳转链接。
var str ='内容信息……"<span id="evt-skip" data-link="www.baidu.com">www.baidu.com</span>';
var linkReg = /data-link=[\'\"]?([^\'\"]*)[\'\"]?/i; //匹配地址跳转链接的正则
var linkArr = str.match(linkReg); 

输出linkArr
在这里插入图片描述
linkArr[1]为想要取的标签里的属性值,用于后续的操作。

参考文档链接:js正则解析字符串中html标签(解析字符串中html的img标签及其中src、name属性)

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值