Question

我是dart的新手所以这可能看起来像一个愚蠢的问题，但我想根据列值将不同的CSS应用于不同的行：

<table id="requests">
      <tr>
        <td>Title</td>
        <td>Status</td>
        <td>Date</td>
        </tr>
         <tr>
        <td>Foo</td>
        <td>Approved</td>
        <td>Date</td>
        </tr>
         <tr>
        <td>Bar</td>
        <td>Denied</td>
        <td>Date</td>
        </tr>
         <tr>
        <td>Ipsum</td>
        <td>None</td>
        <td>Date</td>
        </tr>
      </table>

到目前为止，我可以这样做：

queryAll("tr td").classes.add("foo");

但我想知道如何获取列的值为“已批准”的所有行。

Answer 1

这是从代码中快速弄脏的方法：

  querySelectorAll('tr').where(
      (tr)=> tr.children.any(
         (td)=>td.text == 'Approved'
       )
  )
  .forEach((approvedTr)=>approvedTr.classes.add('approved'));

但是我真的建议你使用数据绑定框架（比如 Polymer 或 AngularDart ）来设置不同的样式/类取决于数据。它更容易使用。

<强> [A new thread was opened about doing this using Polymer]

dartlang：你如何突出表行？

1 个答案: