moovweb - トリチウムで、2 つの要素の位置を切り替えるにはどうすればよいですか?

Question

次のように、2 つの要素が隣り合っています。

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

2 つの子要素の順序を切り替える最も速い方法は何ですか?

score 7 · Accepted Answer

次のようmove_toに位置指定子を使用して関数を使用できます。after

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

トリチウムプレイグラウンドへのリンクは次のとおりです。

score 2 · Accepted Answer

move_toボトムで使うのが好きです。これは、要素に id がない場合にも適しているため、たとえば最初のものを選択してから、それを一番下に移動できます。これは、@noj 応答の別のバリエーションです。

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

2 に答える 2