javascript - 以特定间隔将图像插入 DOM

Question

我有一系列重复<p class="question">和<p class=answer>在<section id="interview">内。在每三个答案之后，我想插入一个图像，其路径名存储在数组中:

array = ['../../directory/file-1.jpg', '../../directory/file-2.jpg];

到目前为止，我已经:

var interval = 3;
var questionCount = 9;
var imageCount = array.length;
var interview = $('#interview');
var self;

for (var i = interval; i < questionCount; i+=interval) {
    interview.find('p.answer:nth-of-type('+i+')').each(function() {
        self = $(this);
        for (var p = 0; p < imageCount; p++) {
            self.after('<img src="'+array[i]+'">');
        }
    });
}

当然，这会在每个间隔给我数组中的所有图像，而不是第一个间隔的第一个图像，第二个间隔的第二个图像，依此类推。我需要如何改变这个？

Answer 1

只需删除内部 for 循环即可。

var j=0;
for (var i = interval; i < questionCount; i+=interval) {
    var ans = interview.find('.answer').eq(i);
    ans.after('<img src="' + array[j] + '">');
    j++;
}