Question

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

所以，我有一个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>

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

感谢任何帮助！

Answer 1

使用字符串连接

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

演示：Fiddle

使用for循环访问jQuery ID

1 个答案: