Question

我有HTML代码：

<input type='radio' class='at-radio' name='re_widget[0][set_style_for_widget]' value='topbanner' />
<span class='at-radio-label'>topbanner</span>
<input type='radio' class='at-radio' name='re_widget[0][set_style_for_widget]' value='undermenu' />
<span class='at-radio-label'>undermenu</span>
<input type='radio' class='at-radio' name='re_widget[0][set_style_for_widget]' value='topstring' />
<span class='at-radio-label'>topstring</span>

如何将.at-radio-label中的值替换为数组中的值，如：

var fruit = ["111", "222", "333"];

生成的html代码应该是：

<input type='radio' class='at-radio' name='re_widget[0][set_style_for_widget]' value='topbanner' />
<span class='at-radio-label'>111</span>
<input type='radio' class='at-radio' name='re_widget[0][set_style_for_widget]' value='undermenu' />
<span class='at-radio-label'>222</span>
<input type='radio' class='at-radio' name='re_widget[0][set_style_for_widget]' value='topstring' />
<span class='at-radio-label'>333</span>

Answer 1

遍历所有at-radio-label并将内容替换为具有相同索引的数组元素。

var fruit = ["111", "222", "333"];

$('.at-radio-label').each(function(i){
    $(this).html(fruit[i]);
})

Answer 2

看看这种方法：

string

Answer 3

如果您不需要知道位置，只需按相同的顺序设置值。

fruit.forEach(function(value, i) {
    var label = $(".at-radio-label")[i];
    $(label).text(value);
});

将jquery数组中的值设置为span

3 个答案: