在Tritium中，如何切换两个元素的位置？

Question

我有两个彼此相邻的元素：

<div id="parent">
    <div id="child1"></div>
    <div id="child2"></div>
</div>

切换两个子元素顺序的最快方法是什么？

Answer 1

您可以将move_to函数与位置说明符after一起使用，如下所示：

html() {
  $("/html/body") {
    $("./div[@id='parent']/div[@id='child1']") {
        move_to("../div[@id='child2']", "after") 
    }
  }
}

以下是氚游乐场的链接：http://play.tritium.io/4078eded016a450e165d9f358cd547d3e47602d6

Answer 2

我喜欢在底部使用move_to。如果元素上没有id，这也很好，所以你可以选择第一个，例如然后将它移到底部。 这是@noj响应的另一个变体：

$("//div[@id='parentDiv')]/div[@id='anyChildGoingToBottom'") {
  move_to("..", "bottom")
}

http://tester.tritium.io/923b23858ddb8fd7d9ccf348b2e7dc67fddb8cde