JQuery 重新格式化文本并更改顺序

Question

我目前有这样的数据设置。

<div>zone 1,2 and 3 Tube ticket single to £2.20</div>
<div>zone 1,2 and 4 Bus ticket single to £3.20</div>

等等..还有很多。

我将如何使用 Jquery 像这样重新格式化它..

<div>123, Tube ticket single, 2.20</div>
<div>124, Bus ticket single, 3.20</div>

非常感谢，

Answer 1

如果没有 jQuery，您可以执行以下操作：

    var pattern = /(([\d]),([\d]) and ([\d]) ([\w].*) (to £)([\d]\.[\d][\d]))/;
    var str = 'zone 1,2 and 3 Tube ticket single to £2.20';
    var matches = str.match(pattern);

    var result = matches[2] + matches[3] + matches[4] + ', ' + matches[5] + ', ' + matches[7];

Wich 显示：“123，Tube Ticket single，2.20”

使用 jQuery：

var pattern = /(([\d]),([\d]) and ([\d]) ([\w].*) (to £)([\d]\.[\d][\d]))/;
$('div').each(function() {
    var matches = $(this).html().match(pattern);
    $(this).html(matches[2] + matches[3] + matches[4] + ', ' + matches[5] + ', ' + matches[7]);
});

Answer 2

您可以这样做：-

为了快速测试，请参阅实时演示

HTML

<div>zone 1,2 and 3 Tube ticket single to £2.20</div>
<div>zone 1,2 and 4 Bus ticket single to £3.20</div> 

JS

$("div").each(function(){

    $(this).text($(this).text().replace(/zone (\d),(\d) and (\d) (.*) to £([0-9]+(?:\.[0-9]*)?)/g, '$1$2$3, $4, $5'));

});

输出

<div>123, Tube ticket single, 2.20</div>
<div>124, Bus ticket single, 3.20</div>