Элементы списка ссылок со страницами ролей данных

Question

Мне нужна помощь, потому что последние пару дней я пытался, но не могу понять.Я создаю с циклом разные элементы списка.Он имеет следующий формат:

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

Таким образом, вы можете видеть, что на этой странице есть ссылка на страницу1, другие элементы имеют ссылки на страницу2, страница3 и т. Д.на разных страницах с этим кодом:

<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);