2013-10-22 88 views
-1

我有一个简单的问题,希望有一个简单的答案。使用for循环访问jQuery ID

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

至于实际上针对个别幻灯片,任何语法我尝试,我不能让它去。

任何帮助表示赞赏!

回答

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 

演示:Fiddle

+1

如何怪异,那是我想的第一件事......意有所指错过了报价某处:-P谢谢! –

+0

关于您添加的评论,我总是通过运行涉及不同语言的自调用函数来教授,这是记录所用语言的良好实践吗? })(jQuery的);例如。那是错的吗? –

+0

@NicholasHazel你的实现是错误的......看到更新获得相同的效果没有IIFE ... –