Question

我正在写一个应用程序。这是一些源代码：

    <div class="grid_3 alpha omega selected cheapest">
        <div class="cheapest-body">

            <p class="latest-type">Red Hotel<br />from <span class="latest-offer-price">$96</span>
        </div>
    </div>


    <div class="grid_3 alpha omega selected cheapest">
        <div class="cheapest-body">

            <p class="latest-type">Orange apartment<br />from <span class="latest-offer-price">$64</span>
        </div>
    </div>



    <div class="grid_3 alpha omega selected cheapest">
        <div class="cheapest-body">

            <p class="latest-type">Silver apartment<br />from <span class="latest-offer-price">$71</span></p>

        </div>
    </div>

我想要编写一个jquery代码，它将改变每个价格（多次3次），这意味着$ 71将显示$ 213，$ 64将显示$ 192，而当我从开发者控制台注入代码时，$ 96将显示$ 288。

我正在尝试将此代码编写为：

temp = $("span.latest-offer-price").text().split('$'); 但我失败了。请帮我解决这个问题。

Answer 1

您可以将代码修改为：

<div class="grid_3 alpha omega selected cheapest">
    <div class="cheapest-body">

        <p class="latest-type">Red Hotel<br />from $<span class="latest-offer-price">96</span>
    </div>
</div>


<div class="grid_3 alpha omega selected cheapest">
    <div class="cheapest-body">

        <p class="latest-type">Orange apartment<br />from $<span class="latest-offer-price">64</span>
    </div>
</div>



<div class="grid_3 alpha omega selected cheapest">
    <div class="cheapest-body">

        <p class="latest-type">Silver apartment<br />from $<span class="latest-offer-price">71</span></p>

    </div>
</div>

然后

temp = $("span.latest-offer-price").text();

let result = parseInt(temp) * 3;

或

let result = parseFloat(temp) * 3.0;

Answer 2

尝试以下方法：

＆＃13;

$('.latest-offer-price').each(function(el){
  var data = $(this).text().substring(1); //taking only the number part
  $(this).text('$'+(data*3)); // multiply the number then prefixing the result with $
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="grid_3 alpha omega selected cheapest">
    <div class="cheapest-body">
        <p class="latest-type">Red Hotel<br />from <span class="latest-offer-price">$96</span>
    </div>
</div>

<div class="grid_3 alpha omega selected cheapest">
    <div class="cheapest-body">
        <p class="latest-type">Orange apartment<br />from <span class="latest-offer-price">$64</span>
    </div>
</div>

<div class="grid_3 alpha omega selected cheapest">
    <div class="cheapest-body">
        <p class="latest-type">Silver apartment<br />from <span class="latest-offer-price">$71</span></p>
    </div>
</div>

＆＃13;

Answer 3

试试这个：

$("span.latest-offer-price").each(function(){
var val = parseFloat($(this).text().split('$')[1])*3;
$(this).text("$"+val);
});

Answer 4

试试这个：

 function calculate(){ $('.latest-offer-price').each(function(){
      var data = $(this).text().split(1);
      $(this).text('$'+(data*3));
    });
    }
    calculate();

如何使用jquery计算数据？

4 个答案: