jQuery查找函數返回html不存在的注釋

Question

我有下一個html行：

<div class="large-6 small-12 columns">

   <div class="left">
      <label>Supplément</ label>
   </div>

   <p class="left itemSupp">0 €</ p>

</div>

我正在使用jquery的get函數來獲取“ 0€”文本。 為了做到這一點，我有下一個js代碼：

$(document).find('.itemSupp').html();

但這不完全是我得到的。 實際上，當我使用js控制台時：

console.log($(document).find('.itemSupp').html());

顯示：

0 €<!-- p-->

有點奇怪，因為我在整個文件中找不到該注釋行。 我都測試了Chrome和Firefox控制台，並得到了相同的結果。

我正在使用Foundation框架，以防萬一。

Answer 1

不確定原因，但這似乎是因為您的關閉標簽是</ p>而不是</p> 。

演示版

重新添加空間並重新運行演示，您應該看到報告的內容。 如果沒有空間，它應該只打印0 € 。

編輯：

根據w3 HTML語法信息 ，關閉標簽中的空格應在標簽之后（ /和標簽必須相鄰）。

編輯2：

正如user3388636的回答一樣，您可能需要考慮使用text()函數而不是html() ； 除非當然有理由，您需要HTML而不是文本。

Answer 2

刪除空間</p> 。

用這個：

$('.itemSupp').text();