具有数据角色页面的链接列表项

Question

我需要一些帮助，因为过去几天我尝试过，但我无法弄清楚。 我用循环创建不同的列表项。它具有以下格式：

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

因此您可以看到此页面有指向 page1 的 href，其他项目有指向 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);