70
我對頁面的div:使用jQuery創建表 - 追加
<div id="here_table"></div>
和jQuery中:
for(i=0;i<3;i++){
$('#here_table').append('result' + i);
}
此發生對我來說:
<div id="here_table">
result1 result2 result3 etc
</div>
我想收到此在表中:
<div id="here_table">
<table>
<tr><td>result1</td></tr>
<tr><td>result2</td></tr>
<tr><td>result3</td></tr>
</table>
</div>
我做:
$('#here_table').append( '<table>');
for(i=0;i<3;i++){
$('#here_table').append('<tr><td>' + 'result' + i + '</td></tr>');
}
$('#here_table').append( '</table>');
但這生成對我來說:
<div id="here_table">
<table> </table> !!!!!!!!!!
<tr><td>result1</td></tr>
<tr><td>result2</td></tr>
<tr><td>result3</td></tr>
</div>
爲什麼?我如何正確地做到這一點?
LIVE:http://jsfiddle.net/n7cyE/
對於第二個示例,您需要在tr中包含td,然後在td上執行.text。另外,當使用jQuery創建html元素時,您只需要打開標記。 $('
對於jQuery的例子,你可以用更小的標籤名稱,比如'$( '
您需要追加
table
所以我更新了你的選擇你的循環內內tr
和去除收盤table
,因爲它是沒有必要的。的主要問題是,你是追加
tr
到div
here_table。編輯:這是一個JavaScript版本,如果性能是一個問題。使用文檔碎片將不會導致迴流的循環
來源
2012-01-05 20:27:04 Craig
偉大的答案!謝謝!我使用JavaScript版本在App Inventor中顯示動態表格http://puravidaapps.com/table.php – Taifun 2012-08-15 18:56:41
的每一次迭代當您使用
append
,jQuery的希望它是結構良好的HTML(純文本計數)。append
是不喜歡做+=
。您需要先製作表格,然後附加它。
來源
2012-01-05 20:28:15
+1這裏最好的方法 - 表明jQuery實際上在DOM元素上工作,而不是在原始HTML上工作。 – Tadeck 2012-01-05 20:35:52
這裏是你可以做什麼:http://jsfiddle.net/n7cyE/4/
最好的問候!
來源
2012-01-05 20:31:50
繼對多文件上傳用做jQuery的:
文件輸入按鈕:
在一個表中顯示文件名和文件大小:
用於獲取文件名和fil的Javascript e尺寸:
來源
2012-09-24 09:53:12
或者這樣做使用ALL jQuery。每個都可以循環任何數據,無論是DOM元素還是數組/對象。
http://jsfiddle.net/n7cyE/93/
來源
2012-10-17 18:51:59
是否需要特殊的設置才能讓它在jsFiddle之外工作?嘗試在一個空白的js文件中返回「Uncaught TypeError:無法讀取屬性'每個'undefined」 – canadiancreed 2015-02-18 18:24:28
你確定jQuery被加載? – Henridv 2015-05-08 08:00:08
要添加多個列和行,我們也可以做字符串連接。不是最好的方式,但它確實有效。
這也允許您動態地向表中添加行和列,而不用硬編碼字段名。
來源
2013-06-05 08:14:50 Aparna
或靜態HTML沒有創建一些鏈接(或其他)的循環。將
<div id="menu">
放在任何頁面上以重現HTML。來源
2013-07-03 16:21:17 HTMLJedi
一個使用上述方法並使用JSON來表示數據的工作示例。這用於處理從服務器獲取數據的ajax調用的項目。
http://jsfiddle.net/vinocui/22mX6/1/
在你的HTML: <表ID = 'here_table'> </TABLE>
JS代碼:
來源
2013-11-26 03:02:41
對我來說,這種做法是漂亮:
來源
2015-07-03 18:48:21
我更喜歡使用jQuery最易讀和可擴展的方式。
此外,您可以即時構建完全動態的內容。
由於jquery版本1.4,你可以傳遞屬性到imho,一個殺手功能。 此外,代碼可以保持更清潔。
附加組件:傳遞多個「HTML」標籤,你已經使用數組表示法,如: 例如
best Rgds。
弗朗茨
來源
2016-11-18 06:14:00 FranzCC
我寫了相當不錯的功能,可以產生垂直和水平表:
使用示例:
示例結果:
來源
2017-03-13 05:16:26 MSS
相關問題