如何使用 jQuery 选择具有特定条件的 p 标签内的文本？答案

【问题标题】：How can I select text inside p tag with specific criteria using jQuery?如何使用 jQuery 选择具有特定条件的 p 标签内的文本？
【发布时间】：2012-11-25 06:05:06
【问题描述】：

文字看起来像这样。

var fi,se,en;
var description = 
"<p>
FI: Sähköpyörä, Tunturi<br />
SE: Elektrisk Cykel, Tunturi<br />
EN: Electric Bike, Tunturi<br />
<\/p>";

我想在 FI 之后选择 p 标签内的所有内容：直到标签 br 和 SE: 和 EN: 一样

结果会是这样的。

var fi = "Sähköpyörä, Tunturi";

var se = "Elektrisk Cykel, Tunturi";

var en = "Electric Bike, Tunturi";

注意：文字是动态变化的。

谢谢！！！

【问题讨论】：

标签： jquery dynamic text substring contain

【解决方案1】：

使用 split 将字符串分解成数组：

    var fi,se,en;
    var description = 
    "<p>\
    FI: Sähköpyörä, Tunturi<br />\
    SE: Elektrisk Cykel, Tunturi<br />\
    EN: Electric Bike, Tunturi<br />\
    </p>";

    bits = $(description).html().split(/:|<br>/);

输出

    array["FI", " Sähköpyörä, Tunturi", "SE", " Elektrisk Cykel, Tunturi", "EN", " Electric Bike, Tunturi"]

【讨论】：

【解决方案2】：

如果您可以安排将各个语言字符串包含在跨度中，则可以避免使用正则表达式。

var description = '<p>FI: <span class="fi">Sähköpyörä, Tunturi</span><br/>SE: <span class="se">Elektrisk Cykel, Tunturi<br/>EN: <span class="en">Electric Bike, Tunturi<br/></p>';
var $desc = $(description);
var fi = $desc.find(".fi").text();
var se = $desc.find(".se").text();
var en = $desc.find(".en").text();

【讨论】：

【解决方案3】：

使用一些正则表达式怎么样

var fi,se,en;
var description = 
"<p>\
FI: Sähköpyörä, Tunturi<br />\
SE: Elektrisk Cykel, Tunturi<br />\
EN: Electric Bike, Tunturi<br />\
</p>";
var match = description.match(/FI:\s*(.+)<br \/>\s*SE:\s*(.+)<br \/>\s*EN:\s*(.+)<br \/>/);
fi = match[1];
se = match[2];
en = match[3];

http://jsfiddle.net/mowglisanu/VGSaW/

【讨论】：

先生，它在控制台日志中，但它抛出错误。未捕获的类型错误：无法读取 null 的属性“1”
@PakinaiKamolpus 然后没有找到匹配项，它失败的数据是什么？
它现在可以工作了，我的错。代码的另一部分有问题。对不起。 :)