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

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有底。如果元素上没有标识，这也很好，因此您可以选择第一个元素，然后将其移动到底部。 这是一个从@noj响应另一个变化：

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

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