Nic*_*zel -1 javascript jquery json for-loop append
我有一个简单的问题,希望是一个简单的答案.
所以,我有一个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>
至于实际针对单个幻灯片,我尝试的任何语法都无法实现.
任何帮助表示赞赏!
使用字符串连接
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
演示:小提琴