有沒有一種有效的方法可以將多個div放入一個類中。就像簡碼。例如;我寫,但它會包含。可能嗎?對不起,英文不好。HTML中的簡碼如Wordpress
-1
A
回答
2
否.HTML不提供基於類創建額外元素的方法。
這聽起來像你會更好用某種形式的模板語言。
例如,使用Template Toolkit:
box.tt從TT
<div class="heading"><div class="paragraph"><div class="bottom">
[% content %]
</div></div></div>
page.tt
[% WRAPPER box.tt %]
Your content here
[% END %]
輸出:
<div class="heading"><div class="paragraph"><div class="bottom">
Your content here
</div></div></div>
您可能也會提供服務pseudo-elements。他們聽起來不太適合你的問題,但你沒有清楚地解釋你的用例。
0
2
我注意到你放的jQuery的標籤在你的問題劃定..使用jQuery你可以這樣做
HTML
<div class="box"></div>
jQuery的
$('.box').append('<div class="heading"></div><div class="paragraph"></div><div class="bottom"></div>');
但顯然這只是發生一次頁面加載。
-1
下面是使用多個類,其中紅色類可以控制顏色的一個例子。
<div class="red box">A</div>
<div class="red heading">B</div>
<div class="red paragraph">C</div>
<div class="red bottom">D</div>
相關問題
- 1. 頁面html中的WordPress插件簡碼
- 2. WordPress的簡碼將返回改變HTML
- 3. Wordpress的簡碼
- 4. 簡化Wordpress簡碼
- 5. 如何使WordPress的簡碼
- 6. WordPress的:簡碼不是HTML元素的屬性中執行
- 7. wordpress中的HTML代碼
- 8. Wordpress搜索簡碼
- 9. Wordpress asynchron GET簡碼
- 10. Wordpress簡碼語法
- 11. 檢索Wordpress簡碼
- 12. WordPress的分頁的簡碼
- 13. 簡單的簡碼(WordPress的)不工作
- 14. WordPress的get_option從簡碼
- 15. WordPress的簡單圖片簡碼
- 16. 在html視圖中Wordpress顯示簡碼圖標
- 17. wordpress中sitelogo和siteurl的簡碼? (contact form7)
- 18. 簡碼作爲wordpress中的一個值
- 19. 簡體中文HTML代碼
- 20. WordPress的 - 評論html代碼
- 21. Wordpress中的HTML代碼格式問題
- 22. 簡碼在wordpress 3.0中不起作用
- 23. 如何在沒有簡碼的頁面中調用wordpress插件?
- 24. 如何從wordpress中的圖庫簡碼獲取圖庫圖像?
- 25. 如何在Wordpress中創建簡單的自定義短代碼?
- 26. WordPress的簡碼在預覽帖子
- 27. WordPress的簡碼不起作用
- 28. 使用WordPress的簡碼來渲染PHP
- 29. WordPress的嵌套簡碼內容
- 30. 通過Wordpress簡碼製作的標籤
不,HTML不是魔術。 – meagar 2013-02-19 19:12:20
您可以使用JSP來輸出重複的代碼塊。 – showdev 2013-02-19 19:13:38
您可以編寫一個JavaScript代碼並調用該函數,以便它可以爲您創建這些div。但他們會動態可能會消失,並再次出現一旦DOM加載:) – uday 2013-02-19 19:17:07