Question

我试图在网页上复制innerHTML的内容并计算一个数字，然后将其添加到innerHTML中，但它们包含的$会搞乱计算。

 var x = document.getElementsByClassName("item");
    var i;
    var counter;

    for (i = 0; i < x.length; i++) {
        counter += parseInt(x[i].innerHTML, 10);
        var j = Math.floor(counter/2.15); 
        x[i].innerHTML += (" " + j +"K");
    }


<div class="item">$25.00</div>

innerHTML的一个例子是25.00美元，我想取这个值除以2.15，然后把它放在$ 25.00之后。 EX：$ 25.00 11K

此代码返回NaNK，因为美元符号（$），我可以做些什么来使其被忽略或删除，以便计算可以工作？另外，我可能没有正确使用parseInt。

Answer 1

首先需要获取一个仅包含数值的字符串，以便使用正则表达式删除字符$。

var x = document.getElementsByClassName("item");
    var i;
    var counter = 0;

    for (i = 0; i < x.length; i++) {
      
        var valueString  = x[i].innerHTML.replace(/[$]/g,"");
        counter += parseInt(valueString, 10);
        var j = Math.floor(counter/2.15); 
        x[i].innerHTML += (" " + j +"K");
    }

<div class="item">$25.00</div>

P.S：如果你想使用+ =

，不要忘记给计数器一个初始值0

Answer 2

这将删除所有非数字字符使用JQuery：

var str=$(".item").text();
str = parseInt(str.replace(/[^0-9\.]/g, ''));
$("#result").text("results is :"+str);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="item">$25.00K</div>
<div id="result"></div>

没有JQuery：

var x = document.getElementsByClassName("item");
var i;
var counter;
var str= x.textContent || x.innerText;
var onlyInt = parseInt(str.replace(/[^0-9\.]/g, ''));

Answer 3

你可以拼接第一个和最后一个字符，如果你不确定你是否会先获得字符，然后检查这些数字是否为字符串对于拼接使用这个问题 How to remove the first and the last character of a string

忽略innerHTML中的某些字符，以便我可以使用parseInt

3 个答案: