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

Question

这个问题已经有答案了:

JavaScript object: access variable property by name as string [duplicate] (3 个回答)

已关闭 9 年前。

我有以下从 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 。