動態使用HTML有序列表

我正在使用Jquery和HTML在GUI中創建一個有序列表的網格。用戶可以動態編輯每個網格單元格中的html內容。我有兩個問題：動態使用HTML有序列表

如果每個li元素都有一個與之關聯的.html，用戶可以編輯，我怎麼能在所有的li元素的迭代，以獲得.html的當前值？最好不必單獨命名每個元素....
我想使網格可以由用戶定製。即如果用戶輸入他們想要的2 rows和2 cols，則網格將顯示2x2。我如何動態地編輯HTML在GUI上的顯示方式？如果用戶想要一個10x10的網格，我是否真的必須創建100 li元素，或者什麼是更好的方法？

這是我對有序列表的代碼。現在有12個單元。謝謝！

<ol id="selectable"> 
    <li class="ui-state-default">1</li> 
    <li class="ui-state-default">2</li> 
    <li class="ui-state-default">3</li> 
    <li class="ui-state-default">4</li> 
    <li class="ui-state-default">5</li> 
    <li class="ui-state-default">6</li> 
    <li class="ui-state-default">7</li> 
    <li class="ui-state-default">8</li> 
    <li class="ui-state-default">9</li> 
    <li class="ui-state-default">10</li> 
    <li class="ui-state-default">11</li> 
    <li class="ui-state-default">12</li> 
</ol>

來源

2011-07-15 Yuna

你真的有2個問題（因爲你已經編號）。你應該把它們作爲單獨的問題發佈。這使我們更容易回答。 –

你可以使用.map()從元素列表得到所有的innerHTML。下面的代碼會給你一個innerHTML的列表，每個li並用逗號加入。

$('#selectable li').map(function(v) { return $(this).html() }).get().join(', ');
我敢肯定，jQuery的manipulation methods將幫助您插入/刪除元素。網格中有多少個單元格取決於您的程序;你甚至可以讓他們插入1000個單元格。爲什麼不？

來源

2011-07-16 01:10:28

動態使用HTML有序列表

回答

相關問題