Javascript 如何使用jquery计算数据?
我正在写申请书。以下是一些源代码:Javascript 如何使用jquery计算数据?,javascript,jquery,Javascript,Jquery,我正在写申请书。以下是一些源代码: <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 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>
红色酒店从96美元起
橙色公寓从64美元起
银色公寓
从71美元起
我想写一个jquery代码,它将改变每个价格(3倍),这意味着当我从开发者控制台注入代码时,71美元将显示213美元,64美元将显示192美元,96美元将显示288美元
我正在尝试编写以下代码:
temp=$(“最新报价”).text().split(“$”)代码>
但我失败了。请帮助我解决此问题。请尝试以下操作:
$(“.最新报价”)。每个(功能(el){
var data=$(this).text().substring(1);//只取数字部分
$(this).text(“$”+(data*3));//将数字相乘,然后在结果前面加上前缀$
});代码>
红色酒店从96美元起
橙色公寓从64美元起
银色公寓
从71美元起
尝试以下操作:
$(“.最新报价”)。每个(功能(el){
var data=$(this).text().substring(1);//只取数字部分
$(this).text(“$”+(data*3));//将数字相乘,然后在结果前面加上前缀$
});代码>
红色酒店从96美元起
橙色公寓从64美元起
银色公寓
从71美元起
试试这个:
$("span.latest-offer-price").each(function(){
var val = parseFloat($(this).text().split('$')[1])*3;
$(this).text("$"+val);
});
function calculate(){ $('.latest-offer-price').each(function(){
var data = $(this).text().split(1);
$(this).text('$'+(data*3));
});
}
calculate();
试试这个:
$("span.latest-offer-price").each(function(){
var val = parseFloat($(this).text().split('$')[1])*3;
$(this).text("$"+val);
});
function calculate(){ $('.latest-offer-price').each(function(){
var data = $(this).text().split(1);
$(this).text('$'+(data*3));
});
}
calculate();
您可以将代码修改为:
<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>
或
let result=parseFloat(temp)*3.0代码>您可以将代码修改为:
<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>
或
let result=parseFloat(temp)*3.0代码>尝试以下操作:
$("span.latest-offer-price").each(function(){
var val = parseFloat($(this).text().split('$')[1])*3;
$(this).text("$"+val);
});
function calculate(){ $('.latest-offer-price').each(function(){
var data = $(this).text().split(1);
$(this).text('$'+(data*3));
});
}
calculate();
试试这个:
$("span.latest-offer-price").each(function(){
var val = parseFloat($(this).text().split('$')[1])*3;
$(this).text("$"+val);
});
function calculate(){ $('.latest-offer-price').each(function(){
var data = $(this).text().split(1);
$(this).text('$'+(data*3));
});
}
calculate();
首先,在值的数字部分(不包括$)周围放置一个跨度,这样您就可以确定并更改跨度,而不必担心$var RedHotel=$(“span.latest offer price”).eq(0).text().split(“$”)[1]*3
首先,在值的数字部分周围放置一个跨度,不包括$,这样,您就可以确定并更改跨度,而不必担心$var RedHotel=$(“span.latest offer price”).eq(0).text().split(“$”)[1]*3
如果您知道,则不需要使用parseFloat,但如果您正在处理价格/会计数字,建议通过float进行处理。因此,它也可以很好地处理浮点类型的输入。如果您知道,则不需要parseFloat,但如果您处理价格/会计数字,则建议通过float进行处理。因此,它也可以很好地处理浮点类型的输入。这个答案是我的答案的副本,我的答案几乎是一天前的答案。我不知道你的答案怎么会被接受!我用了函数,你没有用。这个答案是我的答案的副本,我的答案几乎是一天前的答案。我不知道你的答案怎么会被接受!我使用函数,你没有。