-1

我有一个简单的问题，希望有一个简单的答案。

所以，我有一个JSON我正在使用的文件，其中包含大量数据。我正在尝试使用已构建的此类数据制作幻灯片，但是在不对所有内容进行硬编码的情况下将正确的信息附加到幻灯片时遇到了麻烦。

我的想法是使用for循环来定位特定的 ID（幻灯片），但我一生都无法弄清楚如何为循环定位每个项目。

我在想这样的事情，这根本不起作用哈哈。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script>
$(function() {
    for (var i=0; i<10; i++) {
        $('#slide(i)').append("<p>Hello World</p>");
    }
})();
</script>
</head>
<body>
<div id="slide0"></div>
<div id="slide1"></div>
<div id="slide2"></div>
<div id="slide3"></div>
<div id="slide4"></div>
<div id="slide5"></div>
<div id="slide6"></div>
<div id="slide7"></div>
<div id="slide8"></div>
<div id="slide9"></div>
</body>

就实际针对单个幻灯片而言，我尝试的任何语法都无法实现。

任何帮助表示赞赏！

4

1 回答 1

5

使用字符串连接

jQuery(function ($) {
    for (var i = 0; i < 10; i++) {
        //use string concatenation
        $('#slide' + i).append("<p>Hello World</p>");
    }
});//also there is no () here... it is not a IIFE... it is a callback registration which will be invoked by jQuery when dom ready is fired

演示：小提琴

于 2013-10-22T02:59:59.517 回答