Javascript 如何设计“a”的样式；列表项>；链接“；在jquerymobile中

我有点像：

$("#ofertas_cercanas").append("<ul data-role='listview' id='profile_list_close' style='max-height: 145px; overflow: auto;'>");
                    for (var i = 0; i < data.ofertas.length; i++) {
                        $("#profile_list_close")
                                .append("<li class='ui-nodisc-icon' data-icon='forward_arrow_merca'><a style='margin-top: 10px; margin-left: 15px; border-style: none; max-height: 50px; font-size: 0.8em; background-color: white !important;' href='#job_loaded_from_JSON_with_coordinates_to_user_profile_"
                                                + i + "'>"
                                                + "<div id='procesos_title'>" + data.ofertas[j].titulo + "</div>"
                                                + "</br>"
                                                + data.ofertas[i].empresa
                                                + "</br>"
                                                + data.ofertas[i].localidad
                                                + ", "
                                                + data.ofertas[i].provincia
                                                + "</a></li>");
                    }
...

---

提前感谢

ID存储在浏览器快速查找字典中，每个ID有一个元素。因此（以及HTML规范），添加动态元素时不能有重复的ID

相反，请为您的

procesos\u标题使用一个类，如下所示：

$("#ofertas_cercanas").append("<ul data-role='listview' id='profile_list_close' style='max-height: 145px; overflow: auto;'>");
for (var i = 0; i < data.ofertas.length; i++) {
    $("#profile_list_close")
        .append("<li class='ui-nodisc-icon' data-icon='forward_arrow_merca'><a style='margin-top: 10px; margin-left: 15px; border-style: none; max-height: 50px; font-size: 0.8em; background-color: white !important;' href='#job_loaded_from_JSON_with_coordinates_to_user_profile_" + i + "'>" + 
         "<div class='procesos_title'>" + data.ofertas[j].titulo + "</div>" + "</br>" + data.ofertas[i].empresa + "</br>" + 
         data.ofertas[i].localidad + ", " + data.ofertas[i].provincia + "</a></li>");
}

标记中没有id为
procesos\u title
的
元素。但是，有一个具有该id的
元素。您可以创建一个JSFIDLE来描述您的问题吗？您在附加的HTML中有重复的id，这是无效的。e、 g.
id='procesos\u title'
使用类而不是IDs在I创建一个div时使用IDs在页面上不能有重复的id。首先修复这个问题，然后返回新的HTML。
$("#ofertas_cercanas").append("<ul data-role='listview' id='profile_list_close' style='max-height: 145px; overflow: auto;'>");
for (var i = 0; i < data.ofertas.length; i++) {
    $("#profile_list_close")
        .append("<li class='ui-nodisc-icon' data-icon='forward_arrow_merca'><a style='margin-top: 10px; margin-left: 15px; border-style: none; max-height: 50px; font-size: 0.8em; background-color: white !important;' href='#job_loaded_from_JSON_with_coordinates_to_user_profile_" + i + "'>" + 
         "<div class='procesos_title'>" + data.ofertas[j].titulo + "</div>" + "</br>" + data.ofertas[i].empresa + "</br>" + 
         data.ofertas[i].localidad + ", " + data.ofertas[i].provincia + "</a></li>");
}

#user_profile .ui-content, #profile_list_close > li > a.procesos_title{
   color: red !important;
}