moovweb - 在氚中，如何切换两个元素的位置？

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