语言是javaScript 如何通过正则获取某个类名的div里的内容,比如获取<div class="signature><div>124</div><div>1212</div></div>里<div class="signature></div>里的代码
时间: 2023-10-25 21:07:59 浏览: 40
在 JavaScript 中,你可以使用正则表达式和 DOM 操作来获取特定类名的 `<div>` 标签内容。下面是一个示例代码:
```javascript
var html = '<div class="signature"><div>124</div><div>1212</div></div>';
var className = "signature";
var pattern = new RegExp('<div class="' + className + '".*?>(.*?)<\/div>', 'g');
var result = html.match(pattern);
if (result !== null) {
var content = result.map(function(tag) {
return tag.replace(/<\/?div.*?>/g, '');
});
console.log(content);
} else {
console.log("未找到匹配的内容");
}
```
在上面的示例中,我们使用 `RegExp` 构造函数创建了一个正则表达式对象 `pattern`,并插入了动态的类名。我们还指定了 'g' 标志来匹配所有符合条件的 `<div>` 标签。
然后,我们使用 `html.match(pattern)` 方法来执行匹配操作,并将所有匹配结果存储在 `result` 数组中。
最后,我们使用 `result.map()` 方法遍历每个匹配的 `<div>` 标签,并使用 `.replace()` 方法将标签的开头和结尾标记去除,从而获取到 `<div>` 标签内的内容。
需要注意的是,使用正则表达式来解析 HTML 并不是最佳的方法。在 JavaScript 中,更好的选择是使用 DOM 操作和相关的库(如 jQuery)来处理和提取 HTML 内容。这样可以更方便地操作和获取元素的内容。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
const activeIndex=Vue.ref(0);
// console.log(activeIndex.valuea);
function toggleActive(index){
if(activeIndex.value===index){
activeIndex.value=null;
}else{
activeIndex.value=index;
console.log(activeIndex);
console.log(activeIndex.value);
}
const lis =document.querySelectorAll(".clearfix li")
for(let i=0;i{{option.category_title}}
和
{{option2.subtitle}}
{{option2.title}}
{{option2.summary}}
{{option2.subtitle}}
{{option2.title}}
{{option2.summary}}
实现tab切换
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>登录界面</title> </head> <body> 登       录
<form action="login.action" method="post"> <label>账号:</label> <input class="f_text" type="text" name="account" placeholder="请输入账号" size="25">
<label>密码:</label> <input class="f_text" type="password" name="password" placeholder="请输入密码" size="25">
<input class="f_button" type="submit" value="登录"> <input class="f_button" type="reset" value="重置"> </form> 若无账号,请先注册! </body> </html>加注释
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)