は彼らの内部テキスト

Question

ずにspanタグの開始と終了と一致するようにREGEX私は、文字列に置き換えを行うには、次の正規表現を使用しています：この正規表現は欠陥を持っている

<\/?(span)\b(?:\s+class="highlight")?> 

しかし...このサンプルコードを取ります例：

class = "highlight"を設定した場合のみ、正規表現は両方のspanタグに一致します。 RegExを使用してこれをどのように達成できますか？

PS：これは、RegExを使ってはいけないと言ってください。なぜなら、私はあなたの答えを話題にならないように格下げするからです。これはRegExの人のための質問です。

EDIT：上記の正規表現は、「で、ここでいくつかのテキストを置換するコードはJavaScriptである（MooToolsは）

var regex = new RegExp("(<span[^>]+class\\s*=\\s*(\"|')highlight\\2[^>]*>)(.*?)(</span>)",'g'); 
var replaced = element.get('html').replace(regex, "$3"); 
element.set('html', replaced); 

：私は置き換える NOTEを行うには、次の正規表現を使用しています下の受け入れ答えに基づいて、いくつかのテキストをここに入力してください」（二重引用符は含まれません）

Answer 1

これは与えるべきです最も柔軟性があります。

(<span[^>]+class\s*=\s*("|')highlight\2[^>]*>)[^<]*(</span>) 

UPDATE：

あなたは、開始タグと終了タグのために必要なキャプチャグループは、\ 1と\ 3です。

Answer 2

class=highlightの部分は、それをキャプチャするグループの前に?を置くことによって明らかです。

これはあなたのためにそれを行う必要があります。

var regex = /(?:<span\s+[^>]*?\s*class\s*=\s*('|")(?:\S+\s+)?highlight(?:\s+\S+)?\1[^>]*>|<\/span>/; 

これもa b c highlight e f gのようなクラス属性とSPANタグが含まれます。

あなたはその 一致終了とSPANタグをキャプチャする場合は、あなたがこれを使用することができます。また

、およびアクセスグループ1と開口部のために、それぞれ3と終了タグ：

var regex = /(<span\s+[^>]*?\s*class\s*=\s*('|")(?:\S+\s+)?highlight(?:\s+\S+)?\1[^>]*>).*?(<\/span>)/; 

Answer 3

ただ、代替ソリューションは、正規表現を使用するよりももより良い可能ボットだけではないことを示すために：

$$('span.highlight').each(function (node, idx, Elem) { 
    var txt = document.createTextNode(Elem.get('text')); 
    node.parentNode.replaceChild(txt, node) 
}); 

このフィドルを参照してください：http://jsfiddle.net/Tomalak/umgZp/

を（そして、これは単なる上からです私の帽子には、今までMooToolsには全く触れていませんでした。これよりもエレガントな方法があります。）