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

Question

我正在尝试将一个元素复制到一个给定的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")

我似乎不能让它工作。

这是3H测试仪的网址：http://tester.tritium.io/4193cf46a239b4ff440cf1b4c36fb703cd22a5a4

Answer 1

不幸的是，由于CSS选择器在3H中的工作方式，这将不起作用。

根据规范，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