700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > js 取闭合标签正则_js正则表达式解析html标签中的内容

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

时间:2018-07-05 15:41:19

相关推荐

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

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

{

"item": {

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

"price": "0.01",

"approve_status": "instock",

"num_iid": 612239024359,

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

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

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

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

},

例子1:

正则表达式解析如下:

`<wapDesc><img size="3">/imgextra/i4/420722466/O1CN01OIDbxo1U5THojl5ZV_!!420722466.jpg</img><img size="160172">///imgextra/i4/420722466/O1CN01Z2Ir4x1U5THm31ZmP_!!420722466.jpg</img><img size="127159">///imgextra/i2/420722466/O1CN01s6qFyb1U5THoNlaAu_!!420722466.jpg</img><img size="153211">/imgextra/i2/420722466/O1CN01oQNK8t1U5THoNQEaZ_!!420722466.jpg</img><img size="137332">/imgextra/i2/420722466/O1CN01cisOqO1U5THnkHnIE_!!420722466.jpg</img><img size="131081">/imgextra/i1/420722466/O1CN01bDdBaw1U5THnkHnIJ_!!420722466.jpg</img><img size="133468">/imgextra/i3/420722466/O1CN01d8cD5d1U5THm2cwP4_!!420722466.jpg</img><img size="206774">/imgextra/i4/420722466/O1CN01PizxZl1U5THmL80BH_!!420722466.jpg</img><img size="242981">/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="/imgextra/i4/420722466/O1CN01OIDbxo1U5THojl5ZV_!!420722466.jpg" style="max-width:100%;"></p><p><img src="///imgextra/i4/420722466/O1CN01Z2Ir4x1U5THm31ZmP_!!420722466.jpg" style="max-width:100%;"></p><p><img src="///imgextra/i2/420722466/O1CN01s6qFyb1U5THoNlaAu_!!420722466.jpg" style="max-width:100%;"></p><p><img src="/imgextra/i2/420722466/O1CN01oQNK8t1U5THoNQEaZ_!!420722466.jpg" style="max-width:100%;"></p><p><img src="/imgextra/i2/420722466/O1CN01cisOqO1U5THnkHnIE_!!420722466.jpg" style="max-width:100%;"></p><p><img src="/imgextra/i1/420722466/O1CN01bDdBaw1U5THnkHnIJ_!!420722466.jpg" style="max-width:100%;"></p><p><img src="/imgextra/i3/420722466/O1CN01d8cD5d1U5THm2cwP4_!!420722466.jpg" style="max-width:100%;"></p><p><img src="/imgextra/i4/420722466/O1CN01PizxZl1U5THmL80BH_!!420722466.jpg" style="max-width:100%;"></p><p><img src="/imgextra/i3/420722466/O1CN01uTwJ1y1U5THmq67Ja_!!420722466.jpg" style="max-width:100%;"></p>"

例子2:

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

`<wapDesc>

<img>/imgextra/i2/321628573/TB2QI9qXNvxQeBjy0FdXXaybXXa_!!321628573.jpg</img>

<img>/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="/imgextra/i2/321628573/TB2QI9qXNvxQeBjy0FdXXaybXXa_!!321628573.jpg" style="max-width:100%;"></p>

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

例子3:

正则要解析的数据:

` <p>

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

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

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

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

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

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

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

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

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

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

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

<img src="/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="/imgextra/i4/880734502/O1CN015JMOld1j7xir5pku3_!!880734502.jpg" align="absmiddle" style="max-width:100%;">

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

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

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

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

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

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

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

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

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

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

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

</p>"

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。