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时：

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

显示：

0 €<!-- p-->

这有点奇怪，因为我无法在整个文件中找到该注释行。我已经测试了Chrome和Firefox控制台，我得到了相同的结果。

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

Answer 1

不确定原因，但似乎是因为您的贴身标记为</ p>而不是</p>。

Demo

重新添加空间并重新运行演示，您应该看到您报告的内容。没有空间，它应该只打印0 €。

修改

根据w3 HTML syntax information，标签后面的任何空格都是预期的（/且标签必须相邻）。

编辑2：

当用户3388636提出他的回答时，您可能需要考虑使用text()函数而不是html();除非你有理由需要HTML而不是文本。

Answer 2

删除空格</p>。

使用此：

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

jquery find函数返回html不存在的注释

2 个答案: