jquery mobile добавить элемент с классами

Question

Я добавляю элементы в список, но они не являются связанными классами. Как сделать добавленный клиренс? Я работаю со списком миниатюр.

<div class="content-primary" >    
<ul data-role='listview' id="games_list"><li>
 <a href='index.html'>
 <img src='images/default.png'/>
 <h3>aaaaaaaaa</h3>
 <p>bbbbbbb</p>
 </a>
 </li>
</ul>
</div>

и скрипт:

for (i = 0; i < response.data.length; ++i)
{
    games_list += "<li>\r\n\t<a href='index.html'>\r\n\t\t<img src='images/"+response.data[i].icon+"'/>\r\n\t\t<h3>"+response.data[i].name+"</h3>\r\n\t\t<p>"+response.data[i].description+"</p>\r\n\t</a>\r\n</li>\r\n";
}
$("#games_list").append(games_list); 

Answer 1

Вы спрашиваете, как прикрепить классы к элементам, которые вы добавляете? Просто добавьте его в прилагаемый код:

    myClass='foobar'
    games_list += "<li class='' + myClass + ''>\r\n\t<a href='index.html'>\r\n\t\t<img src='images/"+response.data[i].icon+"'/>\r\n\t\t<h3>"+response.data[i].name+"</h3>\r\n\t\t<p>"+response.data[i].description+"</p>\r\n\t</a>\r\n</li>\r\n";

Я думаю, это то, что вы спрашиваете, но если нет, пожалуйста, уточните.

Answer 2

Я не понимаю ваш вопрос, но ваше приложение должно быть внутри вашей петли

for (i = 0; i < response.data.length; ++i)
{
    games_list += "<li>\r\n\t<a href='index.html'>\r\n\t\t<img src='images/"+response.data[i].icon+"'/>\r\n\t\t<h3>"+response.data[i].name+"</h3>\r\n\t\t<p>"+response.data[i].description+"</p>\r\n\t</a>\r\n</li>\r\n";
$("#games_list").append(games_list); 
}

Вы также можете использовать каждый вместо вашего цикла,