5

我有一个变量保存单行字符串，它是这样的 html 元素。

var des = "<p> --Sometext before-- FI: This is fi name, This is fi manufacturer <br /> SE:This is se name, This is se manufacturer <br /> EN: This is en name, This is en manufacturer</p>";

我想选择 FI 之后的所有内容：直到逗号符号进入一个变量，逗号符号之后直到
标记进入另一个变量。也适用于 SE: 和 EN:。

例如，结果将是这样的。

    var fi_name         = "This is fi name";
    var fi_manufacturer = "This is fi manufacturer";
    var se_name         = "This is se name";
    var se_manufacturer = "This is se manufacturer";
    var en_name         = "This is en name";
    var en_manufacturer = "This is en manufacturer";

请注意，字符串会动态变化，但仍具有相同的模式。

例如：

<p> --Sometext before-- FI:[name],[manufacturer]<br/ >SE:[name],[manufacturer]<br/ >FI:[name],[manufacturer]</p>

您可以查看JsFiddle中的演示。

现在它抛出空错误。

已编辑 vvv

它不适用于实时网站。des 变量完全像这样。请参阅http://jsfiddle.net/AM8X2/它再次抛出空值。

4

3 回答 3

2

您只需查找指定的模式并从中提取相关信息：

var des = "<p>FI: This is fi name, This is fi manufacturer <br /> SE:This is se name, This is se manufacturer <br /> EN: This is en name, This is en manufacturer</p>";

var f = function(w, s) {
    return new RegExp(w + ':([^,]+)').exec(s)[1];
}

fi = f('FI', des);
se = f('SE', des);
en = f('EN', des);

w + ':([^,]+)'可以解释为：get me in冒号后面的w值s

这是更新的小提琴。

一个更完整的解决方案，一个处理所有 HTML 标记的解决方案如下：

var f = function(w, s) {
    var el = document.createElement('div'), arr;
    el.innerHTML = s;

    arr = (new RegExp(w + ':([^\n]+)').exec(el.innerText)[1]).split(',');

    return {
        manufacturer: arr[1],
        name: arr[0]       
    }
}

fi = JSON.stringify(f('FI', des));
se = JSON.stringify(f('SE', des));
en = JSON.stringify(f('EN', des));

小提琴就在这里

要在变量中访问这些中的任何一个（没有JSON.stringify()，直接方法返回，即f('SE', des)），您将执行以下操作：

// for fi manufacturer
fi.manufacturer

// for en name
en.name

// etc..

在我看来，通过使用它，你有一个更加模块化的方法，并且出错的机会更少。

于 2013-01-02T11:34:05.207 回答
1

这是一个可能的解决方案：

var des = "<p> --Sometext before-- FI: This is fi name, This is fi manufacturer <br /> SE:This is se name, This is se manufacturer <br /> EN: This is en name, This is en manufacturer</p>";

​var matches = des.match( /([A-Z]{2}):\s*([^,]+?)\s*,\s*([^<$]+?)\s*(?=<|$)/g );

var results = [];

for ( var i = 0; i < matches.length; i++ ) {
    var res = matches[ i ].match( /([A-Z]{2}):\s*([^,]+?)\s*,\s*([^<$]+?)\s*(?=<|$)/ );
    var abbr = res[ 1 ].toLowerCase();

    results[ abbr + '_name' ] = res[ 2 ];
    results[ abbr + '_manufacturer' ] = res[ 3 ];
}

console.log( results );

在这个小提琴中尝试一下：http: //jsfiddle.net/bukfixart/QB5qu/

于 2013-01-02T11:33:37.577 回答
1

我将您的 jsFiddle 更改为：

http://jsfiddle.net/11684/raPDd/4/

我在你的正则表达式中添加了大写字母、空格和逗号，所以它不会返回 null（因为没有找到匹配项），其余的都很好。
结果：

var fi,se,en;
var des = "<p>FI: This is fi name, This is fi manufacturer <br /> SE:This is se name, This is se manufacturer <br /> EN: This is en name, This is en manufacturer</p>";

var match = des.match(/<p>FI:([a-zA-Z ,]+)<br \/> SE:([a-zA-Z ,]+)<br \/> EN:([a-zA-Z ,]+)<\/p>/);
fi = match[1];
se = match[2];
en = match[3];

alert("[FI]: " + fi + "\n[SE]:" + se + "\n[EN]:" + en);​

编辑：
我没有看到你需要单独变量中的名称和制造商，我编辑了小提琴：http: //jsfiddle.net/11684/raPDd/5/到这个：

var fi,se,en;
var des = "<p>FI: This is fi name, This is fi manufacturer <br /> SE:This is se name, This is se manufacturer <br /> EN: This is en name, This is en manufacturer</p>";

var match = des.match(/<p>FI:([a-zA-Z ,]+)<br \/> SE:([a-zA-Z ,]+)<br \/> EN:([a-zA-Z ,]+)<\/p>/);
fi = match[1];
se = match[2];
en = match[3];

//After that just split on the comma:

var fi_name = fi.split(",")[0];
var fi_manu = fi.split(",")[1];
var en_name = en.split(",")[0];
var en_manu = en.split(",")[1];
var se_name = se.split(",")[0];
var se_manu = se.split(",")[1];
​
于 2013-01-02T11:44:16.063 回答