在 Tritium 中将 <ul> 拆分为两个 <ul>

【问题标题】：split <ul> to two <ul>s in Tritium在 Tritium 中将 <ul> 拆分为两个 <ul>
【发布时间】：2013-08-02 17:12:24
【问题描述】：

我有一个很长的 ul，其中 li 的数量不是恒定的

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
</ul>

我想使用 Moovweb SDK 将其分成两个 ul。

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>
<ul>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
</ul>

有没有办法用 Tritium 做到这一点？

【问题讨论】：

你知道在哪里分割大的 ul - 大约一半？另外，您尝试了什么，结果如何？

标签： xpath moovweb tritium

【解决方案1】：

我最近遇到了一个类似的问题，我想将一个 ul 分成两半。

这就是我所做的：

html_fragment() {
  $("./ul") {
    $("./li[position() mod 2 = 1]") {
      $middle = index()
    }
    $("./li["+$middle+"]/following-sibling::li[1]") {
      wrap("ul", class: "mw-second-ul") {
        move_here("./following-sibling::li")
        move_to("parent::ul", "after")
      }
    }
    attributes(class: "mw-first-ul")
  }
}

这里是氚测试仪的网址：http://tritium.moovweb.com/86d868527a73a1648ad2f77fa97685ac56970d2c

【讨论】：