Question

什么是正则表达式来解析html并修改html，使得最外面的'div'具有我们的自定义类？

例如：我的输入html可以是：

<p><div>sample text<div>this is another div</div></div></p>

我想要一个像

这样的结果

<p><div class="myclass">sample text<div>this is another div</div></div></p>

Answer 1

假设你只是操作一个恰好包含类似html语法的原始字符串，你可能会想要这样的东西：

var htmlString = '<p><div>sample text<div>this is another div</div></div></p>'

var className = 'test';
var firstDivIndex = htmlString.indexOf('<div') + 4;
var manipulatedHtml = htmlString.substring(0, firstDivIndex) + ' class="' + className + '"' + htmlString.substring(firstDivIndex);

console.log(manipulatedHtml)

这不是使用正则表达式，只是简单的字符串操作，如果你也喜欢，我会为你扔一个codepen

编辑：好的，这是一个具有所需功能的示例，打开控制台查看结果 - http://codepen.io/csavage1994/pen/PpRNPa

解析并向最外层的div添加一个类

1 个答案: