2012-12-31 86 views
1

我有這樣的HTML:簡單的jQuery選擇問題

<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被剝離?

+1

嘗試'的console.log($(本).parent()。HTML() );' – mplungjan

+0

您正在使用哪種瀏覽器,並且您的標記有效? – andyb

+1

這適用於我:http://jsfiddle.net/WgRae/我也包裝了''等,在'

',也順便說一句。你使用的是什麼瀏覽器? – tiffon

回答

0

This jsfiddle顯示確實<div>Announced</div>是輸出。

除非您剝離<table>元素,因爲trtd元素不是table之外的有效元素。

2

它看起來像console.log()剝離<div>標籤或實際打印出的HTML,因此你看不到實際的<div>文本。嘗試在警報或頁面中打印出來,看看<div>是否在那裏。

+0

它可能取決於瀏覽器。在Chrome25和IE9中,我看到了預期的標記(儘管我不得不添加'

'包裝器)。 – andyb

1

console.log寫入輸出HTML形式,所以<div>text</div>但如果你試圖

alert($(this).html());你會得到預期的輸出