链接列表项目与数据角色页面

Question

我需要一些帮助，因为我尝试了最后几天，但我无法理解。 我用循环创建不同的列表项。它有这种格式：

<li><a href="page1"><h3>Page 1</h3><p>Open page 1</p></a></li>

所以你可以看到这个页面有一个href到page1，其他项目有链接到page2，page3等。

如何使用此代码在不同页面中创建循环：

<div data-role="page1" id="page1">
    <div data-role="content"><p>This is Page 1</p></div>
</div>

我认为这样的事情但这不起作用：

jQuery(function($) {          
    var b = $('body');           
    for(i=0; i<10; i++)          
    {                    
        $('<div data-role="page1" id="page1"><div data-role="content"><p>This is Page '+i+'</p></div></div>').appendTo(b).page();     
    }    
});

Answer 1

怎么样

        $('<div data-role="page'+i+'" id="page'+i+'"><div data-role="content"><p>This is Page '+i+'</p></div></div>').appendTo(b);