Javascript-使用具有不同值的同一类替换元素
快速一步:是否可以用不同值的相同的类替换元素的值 我的意思是:我有一个AJAX响应返回的数组:Javascript-使用具有不同值的同一类替换元素,javascript,html,arrays,ajax,Javascript,Html,Arrays,Ajax,快速一步:是否可以用不同值的相同的类替换元素的值 我的意思是:我有一个AJAX响应返回的数组: [ “$63.00/晚”, “$68.00/晚”, “$58.00/晚”, “$50.00/晚” ] 上面的数组是从如下所示的html响应生成的: var结果=[ “$63.00/晚”, “$68.00/晚”, “$58.00/晚”, “$50.00/晚” ]; console.log(结果[0]); 结果。forEach(功能(项目) { var num_price=parseFloat(ite
[
“$63.00/晚”,
“$68.00/晚”,
“$58.00/晚”,
“$50.00/晚”
]
上面的数组是从如下所示的html响应生成的:
var结果=[
“$63.00/晚”,
“$68.00/晚”,
“$58.00/晚”,
“$50.00/晚”
];
console.log(结果[0]);
结果。forEach(功能(项目)
{
var num_price=parseFloat(item.replace(/[^\d\.]*/g');
num_price=num_price*2;
console.log(num_price);
$('.gdlr tail').html(num_price);
});代码>
63.00美元/晚
65美元/晚
每晚$67.00
每晚72美元
迭代.gdlr tail
元素,而不是价格。然后将数组中的相应值分配给每个元素:
var结果=[
“$63.00/晚”,
“$68.00/晚”,
“$58.00/晚”,
“$50.00/晚”
];
$('.gdlr tail')。每个(函数(索引,el)
{
var num_price=parseFloat(结果[索引])。替换(/[^\d\.]*/g',);
num_price=num_price*2;
$(el).html(num_价格);
});代码>
63美元/晚
65美元/晚
每晚$67.00
每晚72美元
迭代.gdlr tail
元素,而不是价格。然后将数组中的相应值分配给每个元素:
var结果=[
“$63.00/晚”,
“$68.00/晚”,
“$58.00/晚”,
“$50.00/晚”
];
$('.gdlr tail')。每个(函数(索引,el)
{
var num_price=parseFloat(结果[索引])。替换(/[^\d\.]*/g',);
num_price=num_price*2;
$(el).html(num_价格);
});代码>
63美元/晚
65美元/晚
每晚$67.00
$72.00/晚
是的,但为了保持理智,最好先将它们分组,以避免页面上其他地方出现不必要的更改:
var结果=[
“$63.00/晚”,
“$68.00/晚”,
“$58.00/晚”,
“$50.00/晚”
];
结果.forEach(函数(项、索引){
var num_price=parseFloat(item.replace(/[^\d\.]*/g');
num_price=num_price*2;
console.log(num_price);
$('.gdlr tail parent.gdlr tail:n个子('+(index+1)+')).html(num_price);
});代码>
63美元/晚
65美元/晚
每晚$67.00
72美元/晚
确实如此,但为了保持理智,最好先将它们分组,以避免页面上其他地方出现不必要的更改:
var结果=[
“$63.00/晚”,
“$68.00/晚”,
“$58.00/晚”,
“$50.00/晚”
];
结果.forEach(函数(项、索引){
var num_price=parseFloat(item.replace(/[^\d\.]*/g');
num_price=num_price*2;
console.log(num_price);
$('.gdlr tail parent.gdlr tail:n个子('+(index+1)+')).html(num_price);
});代码>
63美元/晚
65美元/晚
每晚$67.00
72美元/晚
我想你是在追求这样的东西->
还有重新格式化
var结果=[
“$63.00/晚”,
“$68.00/晚”,
“$58.00/晚”,
“$50.00/晚”
];
var tails=$('.gdlr tail');
结果.forEach(函数(项、索引)
{
var num_price=parseFloat(item.replace(/[^\d\.]*/g');
num_price=num_price*2;
$(尾部[索引]).text(“$”+num_price.toFixed(2)+“/Night”);
});代码>
63美元/晚
65美元/晚
每晚$67.00
72.00美元/晚
我想你是在追求这样的东西->
还有重新格式化
var结果=[
“$63.00/晚”,
“$68.00/晚”,
“$58.00/晚”,
“$50.00/晚”
];
var tails=$('.gdlr tail');
结果.forEach(函数(项、索引)
{
var num_price=parseFloat(item.replace(/[^\d\.]*/g');
num_price=num_price*2;
$(尾部[索引]).text(“$”+num_price.toFixed(2)+“/Night”);
});代码>
63美元/晚
65美元/晚
每晚$67.00
$72.00/晚
您还必须迭代$('.gdlr tail')
。这就是为什么只更新第一个元素。我建议您对
使用,并使用索引来处理两个数组上的元素。您还必须遍历$('.gdlr tail')
。这就是为什么只更新第一个元素。我建议您对
使用,并使用索引来处理两个数组上的元素。在我看来,优雅简洁应该被标记为答案。你救了我两次。谢谢应该注意的是,其他答案也都是正确的,文雅简洁,在我看来应该标记为答案不妥。你救了我两次。谢谢请注意,其他答案也是正确的