如何根据容器中的div数组合跨度列表

Question

我对jquery很新,并且无法弄清楚如何根据容器中div的数量构建一系列span元素.我正在尝试使用jquery.flow插件在我的站点中的页面上创建一个滑块.我的CMS将踢出div中的所有图像,但我想自动创建必要的span元素.我正在尝试使其动态化,允许用户根据需要创建尽可能多的滑块图像.代码结构如下所示:

<div id="myController">
<span class="jFlowControl">No 1 </span>
<span class="jFlowControl">No 2 </span>
<span class="jFlowControl">No 3 </span>
<span class="jFlowControl">No 4 </span>
</div>

<div id="mySlides">
<div>First Slide</div>
<div>Second Slide </div>
<div>Third Slide </div>
<div>Fourth Slide </div>
</div>

我可以轻松生成容器div中的div列表.我想写一段jquery,它将为每个div添加一个span.如果我有4个div,则脚本将创建4个跨度.如果我有10个div,则脚本将创建10个跨度.

谢谢你的帮助!

Answer 1

尝试:

 $('#mySlides div').each(function(index){
      $('#myController').append(
           $('<span class="jFlowControl">No ' + (index+1) + ' </span>')
      );
 });

请参阅:http://jquery.nodnod.net/cases/606