javascript - Jquery:匹配两个数组，字符串和对象的索引以替换对象中的文本？

Question

我有两个数组，一个是字符串，另一个是对象数组。每个上的索引对应，我想用我的字符串数组中的相应文本替换我的对象数组中每个对象的文本。

例如，我有一个这样的数组:

var textarr = ["value1", "value2", "value3"]

和一个包含一堆 span 元素的 Jquery 对象数组:

var spans = $("span.myClass");
var spanarr = $.makeArray(spans);

我正在尝试使用 $.each() 遍历每个跨度，并使用我的文本数组的相应索引将文本值分配给当前跨度。

我尝试了几种不同的方法，但似乎没有任何效果。我在这里缺少一些逻辑，但为什么这行不通？:

        i = 0;
        jQuery.each(spanarr, function() {                    
            $(this).text(textarr[i]);
            i++;
        });

编辑:我想也许我的其他功能可能导致它不起作用。这是整个脚本:

        $("span input:radio").click(function() {
        if (($(this).is(":checked")) == true) {
            var parent = $(this).parent();
            var aunts = parent.parent().children();
            var parentIndex = aunts.index(parent);
            var indexToNthChild = parentIndex + 1;
            var otherSpans = $(".DropDownMenu span:nth-child(" + indexToNthChild + ")");
            var position = parent.position();
            var topValue = position.top;
            var smallPrice = otherSpans.children("span.dropDownPrice");
            var pricearr = jQuery.makeArray(smallPrice);
            var textarr = [];
            jQuery.each(pricearr, function() {
                textarr[i] = $(this).text();
            });
            alert(textarr); // Returns all the text values expected in array
            var changers = $(".bigPriceChanger");
            var changerarr = $.makeArray(changers);
            $(".DropDownMenu").css({ "top": "-" + topValue + "px" });
            $(".DropDownMenu span").css("background-image", "none");
            parent.css({ "background": "#f3f1e7 url(assets/images/branding/DropDownArrow.gif) no-repeat right" });
            otherSpans.css({ "background": "#f3f1e7 url(assets/images/branding/DropDownArrow.gif) no-repeat right" });
            alert(changearr); // Returns all span objects in array
            i = 0;
            jQuery.each(changearr, function() {                    
                $(this).text(textarr[i]);
                i++;
            });


        }
    });

Answer 1

尝试

$("span.myClass").each(function (i) {
    $(this).text(textarr[i]);
});