检查TD标签内的任何HTML标签

Question

在jquery中是否有任何方法可以检查TD 中是否存在任何HTML标记

示例：

<td>
<small></small>
<pre></pre>
</td>

Answer 1

使用children()选择子元素(所有直接子元素(，并使用tagName获取元素名称。

$("td").children().each((i,e) => {
console.log(e.tagName)
});

table, tr, td {
border: 1px solid black;
border-collapse: collapse;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tbody>
<tr>
<td>
<small>AA</small>
<pre>BB</pre>
</td>
<td>
<span>Test1</span>
<ul>
<li>11</li>
<li>12</li>
</ul>
</td>
</tr>
</tbody>
</table>