Question

我有一个表，我想在此表中标记一个区域，以便为此区域插入Javascript。我需要在表格内部使用div区域，但XHTML 1.0说，我不允许这样做。

我的表格如下：

<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");

这样做的最佳方式是什么？

Answer 1

你想要一个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中也可以。

Answer 2

远离xhtml，它的严格性带来了这样的限制。

因为只是表格的一部分，所以只允许显示表格数据，你应该看看你的设计，看看表格是否适合你的解决方案。

虽然根据这个网站： http://xhtml.com/en/xhtml/reference/td/#td-contains 要么 http://www.december.com/html/x1/element/td.html TD的内容应该是块或内联元素，这使得DIV完全合法。

xHTML：表中的region（div）

2 个答案: