0

我正在为我的博客开发我的 JQuery 移动应用程序，并尝试在博客输出中添加一些 CSS。

我有以下自定义 js 代码：

function listPosts(data) {
var output='<ul data-role="listview" data-filter="true">';
$.each(data.posts,function(key,val) {

    output += '<li>';
    output += '<a href="#bpost" onclick="displayPost(' + val.id + ')">';
    output += '<h3>' + val.title + '</h3>';
    output += '<span class="ui-li-count">' + val.comment_count + '</span>';

    output += '<p class="postedon" >Posted on ' + val.date.substring(0,10) +

class="postedon" 作为 CSS 样式将日期输出颜色更改为红色，但我遇到的问题是日期和“发布于”文本都显示为红色。

如何设置此样式以避免文本“已发布”颜色更改为红色。

4

3 回答 3

1

试试这个用跨度包装日期并向它添加类

 output += '<p>Posted on <span class="postedon">' + val.date.substring(0,10) + '</span>'+
于 2013-09-11T12:56:44.497 回答
0

您可以span在日期周围放置一个元素，然后将其定位到您的 css 中，如下所示： 

p.postedon span {
    color: red;
}
于 2013-09-11T12:59:05.160 回答
0

也许这个？

CSS：

.postedon {
color:black;
}
.postedon span {
color: red;
}

代码

function listPosts(data) {
var output='<ul data-role="listview" data-filter="true">';
$.each(data.posts,function(key,val) {

    output += '<li>';
    output += '<a href="#bpost" onclick="displayPost(' + val.id + ')">';
    output += '<h3>' + val.title + '</h3>';
    output += '<span class="ui-li-count">' + val.comment_count + '</span>';

    output += '<p class="postedon" >Posted on <span>' + val.date.substring(0,10) + '</span>' +

http://jsfiddle.net/Yk7St/

于 2013-09-11T12:59:58.750 回答