jquery - 简单的 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

这个 jsfiddle表明确实<div>Announced</div>是输出的。

除非你去掉<table>元素，因为trandtd元素不是 a 之外的有效元素table。