在Lift中,如何在重复(自动复制)CssSel变换中选择顶级元素

Question

我有以下html结构:

<div class="top_level">
   ... other elements ...
</div>

我希望输出结果为DIV序列:

<div id="1" class="top_level">
   ... other elements ...
</div>
<div id="2" class="top_level">
   ... other elements ...
</div>
<div id="3" class="top_level">
   ... other elements ...
</div>

我试图通过CssSel变换来做到这一点,其中嵌套元素本身将被循环(div中有一个表),所以我有类似于:

".top_level *" #> groups.map(group =>
  ".top_level [id]" #> group.id & // WHAT CSS Selector can I use? 
  ".the_row *" #> group.rows.map( ... )
  )

一切正常,除了ID没有设置.我可以看到我的选择器".top_level [id]"是嵌套的,因此它有意义它不起作用,但我想不出还有什么可以放在那里得到我正在寻找的结果.

Answer 1

这是一种重复.top_level元素的方法,同时为每个节点添加一个id并进一步处理内容.你可以剪切并粘贴到REPL中来玩它.

scala> import net.liftweb.util.Helpers._
import net.liftweb.util.Helpers._

scala> val html = <div class="top_level">
     |   <table>
     |     <tr>
     |       <td>Cell</td>
     |     </tr>
     |   </table>
     | </div>
html: scala.xml.Elem = 
<div class="top_level">
  <table>
    <tr>
      <td>Cell</td>
    </tr>
  </table>
</div>


scala> val data = List(("id1", "cell 1"), ("id2", "cell 2"))
data: List[(java.lang.String, java.lang.String)] = List((id1,cell 1), (id2,cell 2))

scala> val sel = ".top_level" #> {
     |   data map { d =>
     |     ".top_level [id]" #> d._1 &
     |     "td *" #> d._2
     |   }
     | }
sel: net.liftweb.util.CssSel = CssBind(Full(.top_level), Full(ClassSelector(top_level,Empty))) 

scala> sel.apply(html)
res0: scala.xml.NodeSeq = 
NodeSeq(<div class="top_level" id="id1">
  <table>
    <tr>
      <td>cell 1</td>
    </tr>
  </table>
</div>, <div class="top_level" id="id2">
  <table>
    <tr>
      <td>cell 2</td>
    </tr>
  </table>
</div>)