javascript - 表格中 's 周围的 div 标签

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>

有什么方法可以实现吗？

谢谢。