Ruby和Haml表中的条件CSS

Question

我有一个表格中的项目列表。有些是真的，有些是假的。有没有一种方法，真正的元素可以有一种背景颜色，而假元素有另一种背景颜色。我正在考虑在应用程序助手中编写一个方法，但我不确定如何写这个最好。到目前为止，我所拥有的只是

%td.success= person.success

这当前打印出表格的真或假，但我只想为此添加一些背景颜色？

Answer 1

或者为什么不是这样的：

CSS

td.success { background-color: 'green' }
td.failure { background-color: 'red' }

然后在haml

%td{class: "#{person.success ? 'success' : 'failure'}"} = person.success

或

- if person.success
  %td.success = person.success
- else
  %td.failure = person.success

Answer 2

当页面呈现时，您可能需要考虑使用一些JavaScript / jQuery执行此操作：

$(document).ready(function() {

    $("td").each(function() {

        if ( $(this).html() === true ) {
             $(this).css("background", "blue");
        }
        else {
             $(this).css("background", "red");
        }

    }

}

通过更多关于渲染HTML的内容的上下文，我们可以调整它以获得更适合您案例的内容。