日常Tips：前端-JQuery：table标签-通过JQ选择器选择父子节点时的问题

我们会在JS文件中利用JQuery选择器进行标签的筛选，以及通过Parent()/Children()进行标签父子节点的选择。

如果我们在HTML文件中设置有表格<table>标签：如下：

 此时我们若想获取到第一行第三列的信息，我们可以选中table的ID，查找流程为table --- tr --- td：

 JS文件中写法如下：

 但实际输出不是我们想要的：  控制台展示效果如下：标签和值都没获取到

 这是为什么呢？

 我们通过查看程序传给控制台的HTML文件，就找到了原因：

 

  浏览器针对Table标签会在运行时添加<tbody>标签，如果我们想找到td，那节点流程为：table --- tbody --- tr --- td 

  更改后的JS代码如下：

  

  控制台展示结果：

  

  获取到了td标签，其中的Text文本也能取到。

 

  总结：table标签在获取子节点时候要注意tbody标签的存在，任何标签的父子节点关系以浏览器控制器中的标签为主。