Question

我创建了一个网站，并且在网站内有一个待办事项列表，因此用户可以插入某些待办事项，用户输入的信息保存到数据库中，在表格中我有＆＃39; id＆＃39;，＆＃39; content＆＃39;（这是待办事项）和＆＃39; status＆＃39;我已将状态置于此处，因为我希望用户能够单击完成，部分完成或未完成，因此值为1,2和3.

// update the list view
for (var i=0; i< res.length; i++){
    $("<li/>", {"id": res[i].id, "text": res[i].content + res[i].status}).appendTo(todo.list);
    // Extend the width if msg is too long
    if(res[i].content.length >= 35){
        $('#'+res[i].id).css("height","50px");

待办事项列表是在JavaScript中，我想要一个if语句，以便如果状态为1，它将变为绿色，而其他两个类似，只是使用不同的颜色，但我无法得到这个代码正确。感谢。

Answer 1

您需要做的就是在li项目中添加一个类，然后在您的css目标中使用不同颜色的类：

$("<li/>", {"id": res[i].id, "text": res[i].content + res[i].status, "class": 'status-' + res[i].status}).appendTo(todo.list);

然后在你的css中：

.status-1 { color: red };
.status-2 { color: green };

等（取决于它是文本或背景的颜色）

由于

添加if语句以更改某个项的css

1 个答案: