使用氚在HTML中轉換表格

我使用的是Moovweb SDK，我想將表格及其所有元素轉換爲div以便於移動Web開發/設計。做這個的最好方式是什麼？使用氚在HTML中轉換表格

<body> 
    <table> 
    <tbody> 
     <tr> 
     <td> 
      ... 
     </td> 
     <tr> 
    </tbody> 
    </table> 
</body>

來源

2013-04-23 Alex De Simone

有一個我見過的用於這個目的的功能叫做table_dump。我不能邀功發明了它，但在這裏它是全部：

@func XMLNode.table_dump(Text %xpath){ 
    $(%xpath) { 
    name("div") 
    add_class("mw_was_table") 

    $(".//table | .//tr | .//td | .//th | .//thead | .//tfoot | .//tbody | .//col | .//colgroup | .//caption") { 
     %i = index() 
     %n = name() 
     name("div") 
     attributes(data-mw-id: concat("mw_dump_", %n, %i), width: "") 
     add_class(concat("mw_was_", %n)) 
    } 

    yield() 
    } 
}

這真的做了三兩件事：

更改所有表和表元素的DIV
給每個前表元素一個類mw_was_及其之前的元素
根據索引，爲每個元素指定一個唯一標識爲data-mw-id。

所有這三個你可以擺脫一張桌子，同時保留其元素的多樣性。這種方式在XPath和CSS中仍然可以輕鬆選擇，即使您已經對其進行了轉換。

來源

2013-04-23 19:05:03 Liam

使用氚在HTML中轉換表格

回答

相關問題