jQuery里的正则表达式

最新推荐文章于 2021-07-02 08:52:51 发布

原创最新推荐文章于 2021-07-02 08:52:51 发布 · 363 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式 #非捕获匹配 #rsingleTag

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用正则表达式修正HTML中单标签的方法，确保这些标签正确闭合。通过具体的正则表达式示例，展示了如何匹配并转换如`<div class=abc/>`这样的标签，使其变为标准的`<div class=abc></div>`形式。

var rsingleTag=/^<(\w+)\s*\/?>(?:<\/\1>)?$/
<匹配<(\w 匹配一个单字字符 + 1次或者多次)捕获时分组 \s一个空白字符 *零次或多次 \/转移/ ？匹配0次或者1次>匹配> (?:匹配但不记住匹配结果 \/转移/ \1 第1个子捕获匹配的子字符串)
最后能匹配到
1、 <p>
2、<p/>
3、<p></p>
rtagName = /<([\w:]+)/ 匹配标签名称

rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig
value = value.replace(rxhtmlTag, "<$1></$2>")
把 <div class="abc" />修正为 <div class="abc"></div>