Question

所以，基本上我需要的是...在我的jsp上，我设置为div来保存将由jquery生成的iframe

<div class="tab-content shelf-content">
   <div class="iframe-content-1"></div>
   <div class="iframe-content-2"></div>
   <div class="iframe-content-3"></div>
   <div class="iframe-content-4"></div>
</div>

现在在我的js。我创建了一个循环，我希望动态创建4个iframe并将它们逐个追加到div，这是我的代码

function populateShelfItems(selectedAlphabet, selectedNumber){
    for (var i=1; i<=4; i++) {
        $('<iframe />', {
            src: '/item?alphabet=' + selectedAlphabet + '&numberCategory=' + selectedNumber + '&shelfNumber=' + i
        }).appendTo('iframe-content-'+i);
    }
}

但我没有在页面上显示任何内容......所有这些div都是空的......

Answer 1

1）删除您正在创建的额外iframe

2）在appendTo函数中，您应使用class（点）指定.以匹配您的元素，这是您错过的

将您的代码更改为：

function populateShelfItems(selectedAlphabet, selectedNumber){
    for (var i=1; i<=4; i++) {
        $('<iframe />', {
            src: '/item?alphabet=' + selectedAlphabet + '&numberCategory=' + selectedNumber + '&shelfNumber=' + i
        }).appendTo('.iframe-content-'+i);
    }
}

jquery动态创建iframe并将这些iframe填充到特定的div

1 个答案: