text（）返回错误的结果

Question

我有一个像这样的复选框：

<li>  <input type="checkbox" name="collection[1]" value="1234"/>test</li>

当我使用$(this).text()时，它应该返回"test"，但它会返回" test"（即在开头有多个空格）

我还检查了innerText属性，其值为"test"。

Answer 1

从代码示例的上下文中，我假设this是对li的引用。在这种情况下，文本前面的空格的原因是因为HTML中有一个空格。

如果要删除空格，请将其从HTML中删除：

<li><input type="checkbox" name="collection[1]" value="1234" />test</li>

或者对您收到的trim()值使用text()来删除前导和尾随空格：

var text = $(this).text().trim();