在表格中划分标记

Question

我想在<td>代码中添加<div>代码，以实施Bootstrap Tour。

我已尝试过以下代码，

<table>
    <thead>
    <tr>
        <td>hhh</td>
        <td>iii</td>
        <td>jjj</td>
    </tr>
    <tbody>
    <tr>
        <div class="my_class">
            <td>w</td>
            <td>w</td>
            <td>w</td>
        </div>
        <td>w</td>
        <td>w</td>
    </tr>
    </tbody>
</table>

但是我得到了输出

<div class="my_class">
</div><table>
    <thead>
    <tr>
        <td>hhh</td>
        <td>iii</td>
        <td>jjj</td>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>w</td>
        <td>w</td>
        <td>w</td>
        <td>w</td>
        <td>w</td>
    </tr>
    </tbody>
</table>

有没有办法实现这个？

感谢。