パースして一番外側のdivにクラスを追加

Question

htmlを解析し、私たちのカスタムクラスを持つ最も外側の 'div'というようなhtmlを修正する正規表現は何ですか？例えば

： 私の入力の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) 

これはisn '正規表現を使用して、単純な文字列の操作を使用して、私もあなたのためにcodepenを投げるでしょう

EDIT：申し訳ありません、希望の機能を持つ例は、 http://codepen.io/csavage1994/pen/PpRNPa