1

我将变量中的页面中的 HTML 作为纯文本。现在我需要删除文本的某些部分。这是我需要更改的 HTML 的一部分：

<div class="post"><a name="6188729"></a>
    <div class="igmline small" style="height: 20px; padding-top: 1px;">
        <span class="postheader_left">
            <a href="#"  style="font-size:9pt;"> RuneRifle </a>
            op 24.08.2012 om 21:41 uur
        </span>
        <span class="postheader_right">
            <a href="http://link">Citaat</a> <a href="http://link">Bewerken</a>
        </span>
        <div style="clear:both;"></div>
    </div>
    <div class="text">Testforum</div>
    <!-- Begin Thank -->
    <!-- Thank End -->
</div>

这些替换工作：

pageData = pageData.replace(/href=\".*?\"/g, "href=\"#\"");
pageData = pageData.replace(/target=\".*?\"/g, "");

但是这个替换根本不起作用：

pageData = pageData.replace(
  /<span class=\"postheader_right\">(.*?)<\/span>/g, "");

我需要删除每个span类postheader_right及其中的所有内容，但它不起作用。我对正则表达式的了解不是很好，所以如果你能告诉我你是如何得出你的答案的，并对其工作原理做一个小的解释，我将不胜感激。

4

2 回答 2

2

点与换行符不匹配。使用[\s\S]而不是点，因为它将匹配所有空白字符或非空白字符（即任何东西）。

As Mike Samuel says regular expressions are not really the best way to go given the complexity allowed in HTML (e.g., if say there is a line break after <a), especially if you have to look for attributes which may occur in different orders, but that's the way you can do it to match the case in your example HTML.

于 2012-08-25T12:20:04.580 回答
1

I need to remove every span with the class postheader_right and everything in it, but it just doesn't work.

Don't use regular expressions to find the spans. Using regular expressions to parse HTML: why not?

var allSpans = document.getElementsByClassName('span');
for (var i = allSpans.length; --i >= 0;) {
  var span = allSpans[i];
  if (/\bpostheader_right\b/.test(span.className)) {
    span.parentNode.removeChild(span);
  }
}

should do it.

If you only need to work on newer browsers then getElementsByClassName makes it even easier:

Find all div elements that have a class of 'test'

var tests = Array.filter( document.getElementsByClassName('test'), function(elem){
  return elem.nodeName == 'DIV';
});
于 2012-08-25T12:24:19.507 回答