在Tritium中,如何将CSS类设置为变量?

时间:2013-05-20 16:58:42

标签: moovweb tritium

我正在使用Moovweb SDK,并编写Tritium来修改我的HTML。

如何将CSS类保存为变量?

我想抓住现有的类并将其应用于其他元素。

1 个答案:

答案 0 :(得分:2)

您可以使用fetch tritium函数获取您要查找的元素中class属性的值,并将其存储在变量中。

所以给出以下html:

<html>
  <head>
    <title> Tritium Tester </title>
  </head>
  <body>
    <div id="one" class="random"></div>
    <div id="two"></div>
   </body>
</html>

你可以写下面的氚:

html() {
  $("/html/body") {
    $class_name = fetch("./div[@id='one']/@class")
    $("./div[@id='two']") {
      add_class($class_name)
    }
  }
}

以下是一个实时示例链接:http://play.tritium.io/331dfa6d01a7dd52261a9eaf812bdc5c7fb8c293