在 div 中搜索多个文本字符串并删除 html 字符

Question

所以我有一个格式错误的 div，其中包含一堆带有 <p>, <font> 的内联 CSS 和其他老式标签。我需要抓取 2 个文本字符串并将它们放在页面上方的单独 div 中。

具体来说，在下面的 HTML 中，我需要抓取单词“CONDITION:”之后的文本 但我不想要 HTML。所有页面上的实际文本不同，但 HTML 相同。

<div class="content" id="content" style="display: block;">
    <p></p>
    <p align="center">
        <strong>
            <u>
                <font size="5" face="Arial Black" color="#990000">ONE NICE</font>
            </u>
        </strong>
    </p>
    <p align="center">
        <strong>
            <font size="5" face="Windings" color="#000040">MICHELIN</font>
        </strong>
    </p>
    <p align="center">
        <strong>
            <font size="5" color="#000040">ENERGY MXV4 S8</font>
        </strong>
    </p>
    <p align="center">
        <strong>
            <font size="5" face="Arial Black">215/55/17</font>
            <font size="5" face="Arial, Helvetica, sans-serif"><br/>93V</font>
        </strong>
    </p>
    <p align="center">
        <font face="Arial Black">
            <strong>
                <font color="#990000"><u>CONDITION</u> :</font>
            </strong>
            <br/>
        </font>
        <font size="2" face="Arial, Helvetica, sans-serif">
            <strong>Approximate tread: 8-9/32<br>About 80-90% of tread life left</strong>
        </font>
    </p>
    <p></p>
</div>

Answer 1

这是我的解决方案http://jsfiddle.net/Yqsr3/

$(function () {
   var conditionElem = $('font');
    conditionElem = $.grep(conditionElem, function (e, i){
       return $(e).find('u').text() === "CONDITION"; 
    });
    var description = $(conditionElem).next().text();
    console.log(description);
});

Answer 2

这段代码应该可以解决问题。

var found = $('.content').find('p').each(function(index, p){
    if($(this).text().indexOf('CONDITION') != -1){
        console.log($(this).find('font').last().text());
    }
});

Answer 3

对parsing HTML with regex说“不”！这是另一种方法，简单而优雅：

var text = $('p[align]:last').text();
console.log(text.replace('CONDITION :', ''));

显示：大约胎面：8-9/32大约 80-90% 的胎面寿命 左边。见fiddle.

更新：

由于页面上有多个内容 div，我将代码修改如下：

var texts = [];
$('div.content').each(function() {
    texts.push($('p[align]:last font:last', this).text());
});

查看更新的fiddle。