我可以在 Tritium 中使用 CSS 选择器来移动/复制元素吗？

【问题标题】：Can I use CSS selectors in Tritium for moving/copying elements?我可以在 Tritium 中使用 CSS 选择器来移动/复制元素吗？
【发布时间】：2013-06-25 19:42:52
【问题描述】：

我正在尝试将一个元素复制到 Tritium 中的给定 CSS 选择器。

Tritum Spec 将 copy_to 的签名列为：

copy_to(Text %xpath)

http://tritium.io/simple-mobile/1.0.224#Node.copy_to(Text%20%25xpath)

我正在努力：

copy_to(  CSS_SELECTOR )

例如：

copy_to("#header")

我似乎无法让它工作。

这里是氚测试器的 URL：http://tester.tritium.io/4193cf46a239b4ff440cf1b4c36fb703cd22a5a4

【问题讨论】：

标签： moovweb tritium

【解决方案1】：

很遗憾，由于 CSS 选择器在 Tritium 中的工作方式，这不起作用。

根据规范，CSS 选择器被转换为 XPath 本地搜索，这意味着它们是有作用域的。

html() {
  $("/html") {
    $$("#header > img") {
      add_class("logo")
    }
    $$("#content") {
      $("./div[@id='courses']"){
        $$("a") {
          attribute("href", "http://console.moovweb.com/learn/training/getting_started/generate")
        }
        copy_to(css('#header'), "before")
      }
    }
  }
}

在您的示例中，您的 copy_to 函数在 $("./div[@id='courses']") 的范围内，因此它不会在其中找到 div#header。

您必须使用这样的 XPath 选择器：copy_to("/html/body/div[@id='header']","before")

请看这里：http://tester.tritium.io/5f0ae313a4f43038ee4adeb49b81236bfbc5f097

【讨论】：