jQuery里的正则表达式

汪喵喵

于 2019-04-02 13:43:07 发布

阅读量349

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签：正则表达式非捕获匹配 rsingleTag

本文链接：https://blog.youkuaiyun.com/wpc1403s2/article/details/88970296

javascript 专栏收录该内容

5 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>