访问JS对象中的项目，按顺序附加到每个DOM元素

Question

我有从PHP传递的以下对象

    var phpVars = {"embedCode0":"<iframe id="player_0"></iframe>",
                   "embedCode1":"<iframe id="player_1"></iframe>",
                   "embedCode2":"<iframe id="player_2"></iframe>",
                  };

我的HTML包含匹配数量的<div class="video-container"></div>元素。我想按顺序将每个数组项附加到每个div。因此"embedCode0"被附加到第一个div，"embedCode1"被附加到第二个div，依此类推。

我的jQuery函数如下所示：

    function vids(){
        var $video = $('div.video-container');

        $video.each(function(index) {
            var $iframe = phpVars.embedCode + index;
            $(this).append($iframe);
        });
    }

该函数返回NaN。我试图将索引转换为字符串但未能成功。

如何增加"embedCode"字符串？

Answer 1

你应该尝试这个

var $iframe = phpVars["embedCode" + index];

而不是

var $iframe = phpVars.embedCode + index;

当您说phpVars.embedCode + index时，它会尝试首先评估phpVars.embedCode并在此之后连接index。