js正则匹配标签之间的内容
时间: 2023-08-10 11:13:10 浏览: 46
可以使用正则表达式来匹配标签之间的内容,具体步骤如下:
1. 使用正则表达式匹配整个标签及其内容,例如:`/<tag>.*?<\/tag>/gi`。
2. 在匹配结果中,使用正则表达式提取标签之间的内容,例如:`/<tag>(.*?)<\/tag>/gi`。
其中,`<tag>` 和 `</tag>` 分别表示要匹配的起始标签和结束标签,`.*?` 表示任意字符,且非贪婪模式,即匹配最少字符,`()` 表示一个捕获组,用于提取标签之间的内容。最后的 `gi` 参数表示进行全局匹配,且忽略大小写。
示例代码:
```javascript
const str = '<div>hello world</div><p>foo bar</p>';
const regex = /<(\w+)>.*?<\/\1>/gi;
const matches = str.match(regex);
for (const match of matches) {
const content = /<(\w+)>(.*?)<\/\1>/gi.exec(match)[2];
console.log(content);
}
```
输出结果:
```
hello world
foo bar
```
相关问题
js正则匹配html标签外的内容
可以使用以下正则表达式匹配HTML标签外的内容:
```javascript
/[^<>]+/
```
这个正则表达式意思是匹配一个或多个不包含尖括号(<>)的字符。这样就可以匹配到HTML标签外的内容。
示例代码:
```javascript
const htmlString = "<div>这是一个div标签</div><p>这是一个p标签</p>这是p标签外的内容";
const regex = /[^<>]+/g;
const result = htmlString.match(regex);
console.log(result); // ["这是p标签外的内容"]
```
js正则匹配html标签
在JavaScript中,可以使用正则表达式来匹配HTML标签。以下是几个常见的正则表达式示例用于匹配HTML标签:
1. `var reg = /<[^>]*>/gi;` - 这个正则表达式可以匹配所有的HTML标签,但不包括标签内的内容。
2. `var reg2 = /<(?!img)[^>]*>/gi;` - 这个正则表达式可以匹配除了img标签之外的所有HTML标签,也不包括标签内的内容。
3. `var reg3 = /<(?!img|p|\/p)[^>]*>/gi;` - 这个正则表达式可以匹配除了img和p标签之外的所有HTML标签,同样不包括标签内的内容。
4. `var reg4 = /<(img|br|hr|input)[^>]*>/gi;` - 这个正则表达式只匹配img、br、hr和input标签,同样不包括标签内的内容。
上述正则表达式提供了不同的匹配方式,具体使用哪个取决于你的需求。请注意,正则表达式在匹配HTML标签时可能存在一些限制和特殊情况,因此在实际应用中可能需要根据具体情况进行调整。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [JS正则匹配过滤字符串中的html标签及html标签内的内容](https://blog.csdn.net/qq_38819293/article/details/122231471)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [Java/Js下使用正则表达式匹配嵌套Html标签](https://download.csdn.net/download/weixin_38552871/13068581)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]