2013-02-19 52 views
-1

有沒有一種有效的方法可以將多個div放入一個類中。就像簡碼。例如;我寫,但它會包含。可能嗎?對不起,英文不好。HTML中的簡碼如Wordpress

+1

不,HTML不是魔術。 – meagar 2013-02-19 19:12:20

+0

您可以使用JSP來輸出重複的代碼塊。 – showdev 2013-02-19 19:13:38

+0

您可以編寫一個JavaScript代碼並調用該函數,以便它可以爲您創建這些div。但他們會動態可能會消失,並再次出現一旦DOM加載:) – uday 2013-02-19 19:17:07

回答

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

...可以指定多個類,但必須以空格

+0

不讓問題是如果他可以創建一些邏輯,以便他可以有一些嵌套的div集合。並在飛行中給他們打電話。 – uday 2013-02-19 19:14:54

2

我注意到你放的jQuery的標籤在你的問題劃定..使用jQuery你可以這樣做

HTML

<div class="box"></div> 

jQuery的

$('.box').append('<div class="heading"></div><div class="paragraph"></div><div class="bottom"></div>'); 

但顯然這只是發生一次頁面加載。

http://jsfiddle.net/uL9LT/

-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>