简单的jQuery选择问题

Question

我有这个HTML：

<tr>
    <td class="featureCell" id="featureCell_Announced">
           <div>Announced</div>
    </td>
</tr>

我有这个jQuery：

$('.featureCell').each(function () {
    console.log($(this).html());   
})

我期望的输出是：

<div>Announced</div>

然而，我得到的输出是：

Announced

为什么父div会被剥离？

Answer 1

看起来console.log（）会剥离<div>标签或实际打印出html，因此您看不到实际的<div>文本。尝试在警报或页面中打印出来，看看<div>是否存在。

Answer 2

console.log以html格式写出输出，所以<div>text</div>但如果你试过

alert($(this).html());您将获得预期的输出

Answer 3

This jsfiddle表明确实<div>Announced</div>已经过时了。

除非您删除<table>元素，因为tr和td元素不是table之外的有效元素。