Я хочу иметь возможность находить текст цен на заданной странице, который соответствует регулярному выражению, выполнять на нем функцию, а затем заменять вывод.
Пример:
<div>The total is $12</div>
Становится: <div>The total is $24</div>
Вот JSFiddle с моим тестовым кодом (Пожалуйста, не забудьте указать мои вопросы выше, за то, что я хочу, спасибо!)
Во-первых, ваше регулярное выражение имеет недостатки. Его можно устранить и упростить:
/\$([\d,]+(?:\.\d+)?)/g
Он сконструирован так, что первой группой захвата будет само число без знака доллара. Он находит необязательный знак доллара, за которым следует хотя бы одна цифра, за которой следует необязательный период, за которым следует большее количество цифр, если был период.
Затем вы можете использовать это в функции replace. Чтобы удвоить число, вы должны передать функцию в качестве второго аргумента, который выполняет удвоение. Это выглядит так:
pageText.replace(/\$([\d,]+(?:\.\d+)?)/g,
function (string, c1) {
//If there are commas, get rid of them and record they were there
var comma = c1.indexOf(',') != -1;
c1 = c1.replace(/,/g, '');
//Parse and double
var value = '' + (parseFloat(c1) * 2);
//Reinsert commas if they were there before
if (comma) {
var split = value.split(".");
value = split[0].replace(/(\d)(?=(\d{3})+$)/g, "$1,");
if(split.length > 1)
value += "."+split[1];
}
//Return with dollar sign prepended
return '$' + value;
});
c1 - первая группа захвата, которая является просто числом без знака доллара. Он анализировался как плавающий, а затем удвоился. Если в исходной строке был знак доллара, перед этим номером стоит знак доллара. Если были запятые, они должны быть удалены и повторно добавлены после удвоения числа. После всего этого все вернулось.
Вот пример jsfiddle, чтобы вы могли видеть его в действии: http://jsfiddle.net/dB8bK/49/
Попытайтесь узнать, является ли это то, что вы ищете помощника.
В принципе, я просто изменил вашу функцию replace на
document.body.innerHTML = pageText.replace(/12/g, 'IT WORKS!!!!!!!!!!!');
Так как просто
document.body.innerHTML = pageText.replace('12', 'IT WORKS!!!!!!!!!!!');
заменит только первое появление "12".
Это нужно сделать для вас:
document.body.innerHTML = pageText.replace(/\$\d+([.,]\d+)?(?=\D\D)/g, function (match) {
// getting digits only
digits = match.replace(/\D/g, "");
num = "" + digits * 2;
// handle input: $0.009
if(digits.match(/^0+/)){
// left padding
num = Array(digits.length - String(num * 2).length+1).join('0') + num;
}
pos_dot = match.indexOf(".");
if(pos_dot >= 0){
pos_dot = match.length - pos_dot - 1;
num = num.substring(0, num.length - pos_dot) + "." + num.substring(num.length - pos_dot, num.length);
}
pos_comma = match.indexOf(",");
if(pos_comma >= 0){
pos_comma = match.length - pos_comma - 1;
num = num.substring(0, num.length - pos_comma) + "," + num.substring(num.length - pos_comma, num.length);
}
return "$"+num;
});
Пример ввода:
<li>$12</li>
<li>$14.99</li>
<li>$2</li>
<li>$dollars</li>
<li>14.99</li>
<li>$12,000</li>
<li>$12,00,0</li>
<li>$0,009</li>
Пример вывода:
$24
$29.98
$4
$dollars
14.99
$24,000
$12,00,0
$0,018
Примечание:, если вам нужно, вы можете отрегулировать регулярное выражение, изменив часть (?=\D\D).
Вам не нужно использовать regex.
возьмите цену внутри span и добавьте класс к этому диапазону. Поскольку span является встроенным элементом, это не повредит html-дизайну.
Я думаю, что это будет лучший подход, чем regex
попробуйте вот так:
HTML:
<div>The total is $<span class="price">12</span></div>
<div>The total is $<span class="price">100</span></div>
Jquery:
$('.price').each(function(i,e){
$(this).text(parseFloat($(this).text()*2));
});
function dollarChange(match, p0, p1, p2, offset, string) {
// pN = Nth in-parentheses match
// Remove commas (reinjected later)
var hasComma = (p1.indexOf(',') > -1);
if (hasComma) p1 = p1.replace(',', '');
// Get decimal precision
var precision = 0;
if (p2) {
p1 = p1 + p2;
precision = p2.length - 1;
}
// Process number
p1 = Number(p1);
var value = p0 + (p1 * 2).toFixed(precision);
// Inject commas if previously found
if (hasComma) {
var parts = value.toString().split('.');
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
value = parts.join('.');
}
return value;
}
// Execute replacement
document.body.innerHTML =
document.body.innerHTML.replace(/([$])([\d,]+)(\.[\d]+)?/g,
dollarChange);
Теоретически $ может быть заменен любым символом валюты, который предшествует его значению и значение которого использует . как десятичный разделитель.
Обратите внимание, что используемое здесь регулярное выражение будет соответствовать только числам, которым предшествует знак доллара (например, 14.25 не будет сопоставлен)
(function(context){
var pattern=/(\$)(\d([\d\,\.]+)?)/g,
callback=function(_,dollar,price){
price=price.replace(/,/g,'');
return dollar + parseFloat(price)*2;
},
html=context.innerHTML.replace(pattern,callback);
context.innerHTML=html;
})(document.body);
, если вам не нужно переформатировать цены ckeck the fiddle
Сначала создайте регулярное выражение.
var reg_exp = /\$[0-9]*\.?[0-9]*/g; //This is your Custom Requested Regex
Создайте список строк, соответствующих вашему регулярному выражению.
var matches = document.body.innerHTML.match(reg_exp)
Предполагая, что вы хотите найти регулярное выражение по всему телу HTML.
Определите функцию преобразования
var transform = function(match){
var result;
/* Logic for genarting the resulting string, populate it in result */
result = match.replace('$','');
result = parseFloat(result);
result = result * 2;
result = '$' + result;
return result;
};
Преобразование каждого из совпадений в их результат.
matches.forEach(function(match){
console.log(match)
result = transform(match);
document.body.innerHTML.replace(match, result)
});
Хотя были и другие ответы, чтобы выполнить то, что вы хотели, мой ответ суммирует его, чтобы сделать это так, как вы хотели это сделать.