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]);