js 正则匹配标签，支持换行

最新推荐文章于 2023-05-23 17:34:30 发布

原创最新推荐文章于 2023-05-23 17:34:30 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

这篇博客探讨了如何使用正则表达式来匹配和处理HTML标签，特别是在处理带有换行的复杂标签结构时。示例中展示了针对`<image>`和`<div>`标签的匹配和操作，为前端和后端开发者提供了关于字符串处理的实用技巧。

    let name = `
<div>
<image src='aaaa'></image>
    <image src='1111'></image>
    <image src='222'></image>
    <image src='33333'></image>
        <image 
        src='3333'
        ></image>
</div>
`;

// 正则匹配标签，支持换行
console.log(name)
    let uw = name.replace(/<image[^>]*?><\/image>/g, function (word) {
        console.log(word)
        //   return word.substring(0,1).toUpperCase()+word.substring(1);
    }
    );

第二种案例

    let name = `
<div
sss
>
<image src='aaaa'></image>
    <image src='1111'></image>
    <image src='222'></image>
    <image src='33333'></image>
        <image 
        src='3333'
        ></image>
</div>
<div></div>
`;

// 正则匹配标签，支持换行
// console.log(name)
    let uw = name.replace(/<div[^>]*?>([^]*)<\/div>/g, function (word) {
        console.log(word)
        //   return word.substring(0,1).toUpperCase()+word.substring(1);
    }
    );