Javascript 追加对象';s值到特定跨度图元

Javascript 追加对象';s值到特定跨度图元,javascript,jquery,Javascript,Jquery,从后端我发送了一份价格清单 比如:[7090100140200] 在div中,我还有带有特定类别的元素: <span class="price_50_units"></span> <span class="price_100_units"></span> <span class="price_200_units"></span> <span class="price_300_units"></span>

从后端我发送了一份价格清单

比如:
[7090100140200]

在div中,我还有带有特定类别的
元素:

<span class="price_50_units"></span>
<span class="price_100_units"></span>
<span class="price_200_units"></span>
<span class="price_300_units"></span>
<span class="price_500_units"></span>
第二个元素将始终对应于带有
class=“price\u 100\u units”
的跨度,依此类推

<span class="price_100_units">90</span> #should be the result for the second span.

如果响应的索引和跨度的索引是直接相关的,那么您可以在跨度上放置一个公共类,并根据索引设置它们的文本

var responseData=[70,90100140200];
$('.price').text(函数(索引){
返回响应数据[索引];
});

如果响应的索引和跨度的索引是直接相关的,那么您可以在跨度上放置一个公共类,并根据索引设置它们的文本

var responseData=[70,90100140200];
$('.price').text(函数(索引){
返回响应数据[索引];
});

如果您的跨度并非总是按顺序创建,则可能:

//您的数据
var respData=[70,90100140200];
//循环通过
$.each(数据、函数(索引、值){
//检查元素是否存在。如果需要,请更改选择器
if($('span.price'+value+'\U units')。长度){
//将值添加到跨度中
$('span.price'+value+'\U units')。文本(值);
}

});如果跨度并非总是按顺序创建,则可能:

//您的数据
var respData=[70,90100140200];
//循环通过
$.each(数据、函数(索引、值){
//检查元素是否存在。如果需要,请更改选择器
if($('span.price'+value+'\U units')。长度){
//将值添加到跨度中
$('span.price'+value+'\U units')。文本(值);
}

});在它们上面放置一个共享类,根据类进行选择,然后元素索引的设置与数组索引直接相关。
$('p')。children('span.price_50_units')。text(prices[1])在它们上面放置一个共享类,根据类进行选择,然后元素索引的设置与数组索引直接相关。
$('p')。children('span.price_50_units')。text(prices[1])错误在StackOverFlow中:
{“message”:“ReferenceError:$未定义”,“filename”:https://stacksnippets.net/js“,“lineno”:16,“colno”:1}
@OmarGonzales我的答案中没有包含jquery库,这就是为什么会出现这个错误。在解决方案中添加代码并进行尝试。请确保更改respData以使变量与结果匹配。运行代码段时,StackOverFlow中存在错误:
{“message”:“ReferenceError:$未定义”,“filename”:https://stacksnippets.net/js,“lineno”:16,“colno”:1}
@OmarGonzales我的回答中没有包含jquery库,这就是为什么会出现这个错误。在解决方案中添加代码并进行尝试。确保更改respData以使变量与结果匹配。
<span class="price_100_units">90</span> #should be the result for the second span.
req.done(function (response) {
     $('#prices').empty();
     var prices = response.prices;
     var list = '';
     for (var j = 0; j < prices.length; j++) {
         list += "<span>" + prices[j] + "</span></br>";
         }
     $('#prices').html(list);

    });
 $('p').children('span .price_50_units').text(prices[1]);