jQuery 中的 $(this).text() 返回空格 - Javascript

如果你在使用 jQuery 的 $(this).text() 方法时，发现它返回了空格（" "）而不是你期望的文本内容，那么你可能遇到了一个常见问题。

问题描述

当使用 $(this).text() 方法时，如果元素内部有空格（例如以下代码）：

<div id="myDiv">This is some text</div>

则将会返回包含该空格的文本。但是，当元素内部只包含空格时（例如以下代码）：

<div id="myDiv">   </div>

那么 $(this).text() 将返回一个空格。

解决方法

为了解决这个问题，可以使用 JavaScript 的 trim() 方法。trim() 方法可以将字符串两端的空格去掉，并返回新的字符串。所以，你可以这样修改代码：

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

这样，如果元素内部只包含空格，将会返回一个空字符串，而不是一个空格。

示例

以下是一个示例代码：

<div class="my-div">This is some text</div>
<div class="my-div">   </div>

$(".my-div").each(function () {
  var text = $(this).text().trim();
  console.log(text);
});

输出结果：

This is some text

结论

当使用 $(this).text() 方法时，要注意元素内部只包含空格的情况。为了避免出现问题，可以使用 JavaScript 的 trim() 方法去掉字符串两端的空格。