jQuery移动添加元素与类答案

【问题标题】：jquery mobile add element with classesjQuery移动添加元素与类
【发布时间】：2012-08-01 15:08:54
【问题描述】：

我将项目添加到列表中，但它们不是连接的类。如何进行额外的清关？我使用 listview 缩略图。

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

【问题讨论】：

标签： jquery class mobile element add

【解决方案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";

我认为这就是您要问的，但如果不是，请澄清。

【讨论】：

如果没有找到，它会这样做。不仅有一个类，还有大量的类和不同的选项。例如，对于 li：class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-thumb ui-btn-up-c"
您可以使用与上述相同的方式来处理它，只是使用更长的变量。只需将所有类连接成一个字符串变量，然后按照我的示例传递该变量。如果您需要找出哪些类在哪里，请通过带有嵌套 if 的 for 循环运行它们，并且只返回有效的类。
这就是我所知道的。我只是认为有某种方法或函数可以绘制，例如 mobileinit。

【解决方案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); 
}

你也可以使用 each 而不是你的循环，

【讨论】：

games_list 收集并追加 - 全部添加！ response.data.length - 来自 sql 查询的金额行。 += 操作