jquery使用html()获取表格标签失败

Question

有如下div

<div id="div_categoryManage_tableRowTemplate">
    <tr>
        <td></td>
        <td><input type="text"
                   name="ipt_categoryManage_cateName"
                   class="w-250"
                   placeholder="请输入分类名"
                   data-rule="required;length(1~50);">
        </td>
        <td><input type="checkbox"
                   name="ipt_categoryManage_displayStatus"
                   class="checkbox">
            <label for="ipt_categoryManage_displayStatus"></label>
        </td>
        <td><input type="text"
                   name="ipt_categoryManage_sort"
                   class="sort_input w-90"
                   placeholder="请输入排序序号"
                   data-rule="required;range(1~9999)">
        </td>
        <td><a name="a_categoryManage_delRow">删除</a></td>
    </tr>
</div>

使用 console.log($("#div_categoryManage_tableRowTemplate").html()); 打印

打印的结果是：
<input type="text" name="ipt_categoryManage_cateName" class="w-250" placeholder="请输入分类名" data-rule="required;length(1~50);">

    <input type="checkbox" name="ipt_categoryManage_displayStatus" class="checkbox">
        <label for="ipt_categoryManage_displayStatus" +rownumber="" +="" "=""></label>
    
    <input type="text" name="ipt_categoryManage_sort" class="sort_input w-90" placeholder="请输入排序序号" data-rule="required;range(1~9999)">
    
    <a name="a_categoryManage_delRow">删除</a>
    
    
    为什么没有获取到tr和td标签？

Answer 1

你的表格没按规范写，应该是 table>tbody>tr>td

Answer 2

首先恕我直言，你这写的什么鸟玩意？

进入正题：代码格式要规范，<td> 没有闭合标签是个什么鬼？ <label for="ipt_categoryManage_displayStatus" +rowNumber + "></label> 你这个加号又是什么鬼？

最重要的，谁告诉你 div 里面可以套 tr 的？ 你的 table 呢？

Answer 3

table的书写格式是：

<table>

<thead>
    <tr>
        <th></th>
    </tr>
</thead>
<tbody>
    <tr>
        <td></td>
    </tr>
</tbody>

</table>

html 没学会，后面搞的这些只能让你在坑里越陷越深~

Answer 4

特意过来回答.. 采纳的答案完美
后面两位的回答感觉没看懂楼主意思
新手碰到楼主一样的问题，用模板结果html()出来的tr,td都没了..
下面代码获取到tr_template，然后html() 再append到实际tbody中就ok.

<p>下面的是template,请忽略</p>
<table>
    <tbody id="tr_template">
    <tr>
        <td class="td_name">姓名</td>
        <td class="td_age">19</td>
        <td class="td_sex">男</td>
        <td class="td_modify"><input type="button" value="修改"></td>
        <td class="td_del"><input type="button" value="删除"></td>
    </tr>
    </tbody>
</table>