xHTML: регион (div) в таблице

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

Вам нужна группа:

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

Fiddle: http://jsfiddle.net/vMKgC/

Обратите внимание, что по любой причине эта скрипка не работает в Chrome, но работает в Firefox.1007 *

Answer 2

Откажитесь от xhtml, его строгость влечет за собой подобные ограничения.

Поскольку это часть таблицы, которую можно отображать только в табличных данных, вы должны взглянуть на свой дизайн и посмотреть, подходят ли таблицы для вашего решения.

Хотя по данным этого сайта: http://xhtml.com/en/xhtml/reference/td/#td-contains или же http://www.december.com/html/x1/element/td.html содержимое TD должно быть блочным или встроенным элементом, что делает DIV совершенно легальным.