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

有如下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标签?
阅读 1.6k
评论 更新于 2017-07-23
    4 个回答

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

    评论 赞赏 2017-07-23

      首先恕我直言,你这写的什么鸟玩意?

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

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

      评论 赞赏 2017-07-23
        elten
        • 454

        table的书写格式是:

        <table>

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

        </table>

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

        评论 赞赏 2017-07-23
          淡zen
          • 2
          • 新人请关照

          特意过来回答.. 采纳的答案完美
          后面两位的回答感觉没看懂楼主意思
          新手碰到楼主一样的问题,用模板结果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>
          
          评论 赞赏 2019-04-23
            撰写回答

            登录后参与交流、获取后续更新提醒