2012-01-04 41 views
0

我有一個表格,我想在該表格中標記一個區域來爲此區域插入Javascript。 我需要表格中的div區域,但XHTML 1.0說,我不允許這樣做。xHTML:表格中的區域(div)

我的表看起來像這樣:

<table> 
    <caption><p>...</p></caption> 
    <tbody> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
     <td>3</td> 
     <td>10</td> 
    </tr> 
    </tbody> 
</table> 

,我需要類似的東西:

<table> 
    <caption><p>...</p></caption> 
    <tbody> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
    <!-- region start e.g. <div class="myRegionInsideTR"> 
     <td>3</td> 
     <td>10</td> 
     region end </div> --> 
    </tr> 
    </tbody> 
</table> 

然後我想例如做

$(".myRegionInsideTR").attr("noSense", true).css("display", "none"); 

這樣做的最好方法是什麼?

回答

0

你想要一個COLGROUP:

<table> 
    <caption><p>...</p></caption> 
    <colgroup><col span="2"></col><col span="2" class="democol"></col></colgroup> 
    <tbody> 
    <tr> 
     <td>1</td> 
     <td>2</td> 

     <td>3</td> 
     <td>10</td> 

    </tr> 
    </tbody> 
</table> 

小提琴:http://jsfiddle.net/vMKgC/

注意,不管出於什麼原因,這種小提琴不會在Chrome中工作,但確實在Firefox的工作。

-2

從xhtml切換開始,它的嚴格性會帶來像這樣的限制。

因爲是表格的一部分,所以只允許顯示錶格數據,您應該查看您的設計並查看錶格是否適合您的解決方案。

雖然根據這個網站: http://xhtml.com/en/xhtml/reference/td/#td-containshttp://www.december.com/html/x1/element/td.html 一個TD的內容應該是塊或內聯元件,這使得DIV完全合法的。

+0

div將是tr的內容,而不是td。 – Marcin 2012-01-04 13:43:08

+0

你甚至讀過規格? – YesMan85 2012-01-04 17:09:01

+2

如果你的意思是「我讀過這個問題並理解了它」,那麼是的,我做到了。你的回答並不回答這個問題,暗示你沒有回答。 – Marcin 2012-01-04 17:48:07