我有类似的东西:
$("#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>");
}
...
我想知道CSS选择器如何指向ID为procesos_title的div。
尝试过
#user_profile .ui-content, #profile_list_close > li > a#procesos_title{
color: red !important;
}
提前致谢
ID存储在浏览器快速查找字典中,每个ID包含一个元素。由于这个原因(和HTML规范),添加动态元素时不能有重复的ID。
而是procesos_title
像这样使用一个类:
$("#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>");
}
并通过类通过CSS进行引用:
#user_profile .ui-content, #profile_list_close > li > a.procesos_title{
color: red !important;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句