Javascript 将jquery数组中的值设置为span

我有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>

生成的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>

111
222
333

迭代radio label上的所有

，并用具有相同索引的数组元素替换内容

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

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

迭代radio label上的所有
，并用具有相同索引的数组元素替换内容

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

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

看看这种方法：

<div id="inputs">
    <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>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<script type="text/javascript">
    var fruit = ["111", "222", "333"];
    for ( var i = 0, l = fruit.length; i < l; i++ ) {
        $('#inputs span').eq(i).html(fruit[i]);
    }
</script>


托普班纳
菜单下
上弦
变量水果=[“111”、“222”、“333”]；
对于（变量i=0，l=fruit.length；i
看看这种方法：

<div id="inputs">
    <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>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<script type="text/javascript">
    var fruit = ["111", "222", "333"];
    for ( var i = 0, l = fruit.length; i < l; i++ ) {
        $('#inputs span').eq(i).html(fruit[i]);
    }
</script>


托普班纳
菜单下
上弦
变量水果=[“111”、“222”、“333”]；
对于（变量i=0，l=fruit.length；i
如果不需要知道位置，只需按相同顺序设置值即可

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

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

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

如果我需要知道位置怎么办？这段代码只适用于第一个家长的clild。请给出一个您需要的示例。如果我需要知道位置，该怎么办？此代码仅适用于第一个父级的clild。请给出一个您需要的示例。