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 が削除されたのはなぜですか?

score 2 · Accepted Answer

console.log() がタグを削除するか、実際に html を出力するように見えるため、実際のテキスト<div>は表示されません。<div>アラートまたはページに印刷して、<div>そこにあるかどうかを確認してください。

score 1 · Accepted Answer

console.log出力をhtml形式で書き込むので<div>text</div> 、試してみた場合

alert($(this).html()); 期待どおりの出力が得られます

score 0 · Accepted Answer

この jsfiddleは、実際に出力されることを示してい<div>Announced</div>ます。

<table>要素を取り除かない限り、 trandtd要素は a の外では有効な要素ではないためですtable。

3 に答える 3