使用新数据突出显示 div [关闭]答案

【问题标题】：Highlight div with new data [closed]使用新数据突出显示 div [关闭]
【发布时间】：2014-09-16 23:25:53
【问题描述】：

我一直在网上寻找有关如何在不同颜色的 div 下显示新内容的答案，然后当用户单击该 div 时，它会更改为原始设置。所以你可以分辨出它是被看见的还是看不见的。

这是单独使用 jquery 完成的，还是数据库和 php 发挥作用？我做了一些研究，但我没有发现任何东西。所以来问问专家，希望它可以帮助别人。

所以作为一个想法

if(message_status=1){
show new data coloured div
}else if(message_status=2){
show normal coloured div
}

【问题讨论】：

标签： javascript php jquery css ajax

【解决方案1】：

嗯，需要更多细节才能理解完全回答您的问题，但您的 sudo 代码基本上就在那里。

//get data
var getData = $.ajax("your/endpoint", {your: params});
var NEW_MSG_COLOR = "#CCCCCC";
var DEFAULT_MSG_COLOR = "#FFFFFF";

getData.then(function (res) {
    //lets assume that the result of getting the data 
    //is an array of message objects
    $.each(res, function (msgIdx, msg) {
        var $div = $("<div />").text(msg.text);
        $div.css("backgroundColor", msg.status === 1 ? NEW_MSG_COLOR : DEFAULT_MSG_COLOR);
        $div.click(function () {
            $div.css(backgroundColor: DEFAULT_MSG_COLOR);
        });

        //do something with $div here, stick it in the page, etc...
    });
});

这应该可以让你大部分时间到达那里。 $.ajax 假设您将通过 ajax 调用以某种方式获取数据，但这取决于您（数据库、平面文件等...）

【讨论】：

了不起的格雷格。我很清楚。感谢您的帮助。