jquery.parents()函数问题

Question

现在以下结构

jquery 中

$('#sub').click(function(){
       var f=$(this).parents('table').html();
       console.log(f);
       debugger;
   })

输出了以下内容，input 并不在 form内

<tbody>
        <form action=""></form>
        <tr>
            <td>
                <input type="submit" id="sub">
            </td>
        </tr>
    
    </tbody>

执行

$(this).parents('form')

也不能找到 form 元素

Answer 1

F12 看DOM 结构就知道了~~
浏览器 把 form` 单独列出来了， 和浏览器的DOM解析有关
改成这样， 浏览器能顺利 解析~~

        <td>
           <form>
               <input />
         </form>
       </td>