knockout js在ko.utils.arrayForEach中添加/删除css类

Question

我有一个循环如下：

      ko.utils.arrayForEach(res , function(mail) {

      if(mail.isRead === true)
       //Then i need to remove the class "unread"
      else if (mail.isRead === false)
       //Then i need to add the class unread
      ........//other logic
      });

在前端，

    <tr class="unread" data-bind="">                 
     <td><dl>

     <dd><a data-tooltip class="has-tip" title="" data-bind="text:personid"></a</dd>

     </dl></td>
     </tr>

如何根据forEach循环中的isRead字段添加/删除未读类？对此有任何帮助表示赞赏。谢谢

Answer 1

您可以使用jquery：

$('selector').addClass('unread')

然而，更好的解决方案是添加css绑定：

data-bind="css : {'unread' : person.hasUnread}