使用 jQuery 从字符串中获取数字 - JavaScript

在 JavaScript 中，我们可以使用正则表达式或简单的字符串操作来获取特定的数字。在本教程中，我们将使用 jQuery 的方法来获取字符串中的数字。

使用 jQuery 的 text() 方法

jQuery 的 text() 方法可以帮助我们获取元素的文本内容。如果我们想要获取字符串中的数字，我们可以将字符串包裹在一个 HTML 元素中，并使用 text() 方法来获取该元素的文本内容。

以下是获取字符串中数字的示例代码：

var str = "这是一个包含数字 123 的字符串";
var num = parseInt($("<div>").html(str).text().match(/\d+/));
console.log(num); // 输出: 123

解释：

• 我们首先将字符串 str 包裹在一个 div 元素中。
• 使用 jQuery 的 text() 方法获取 div 元素的文本内容。
• 使用 JavaScript 的 match() 方法和正则表达式 /d+/ 匹配字符串中的数字。
• 使用 JavaScript 的 parseInt() 方法将匹配到的数字转换为整数并将其存储在变量 num 中。

使用 jQuery 的 isNumeric() 方法

另一种获取字符串中数字的方法是使用 jQuery 的 isNumeric() 方法。

以下是获取字符串中数字的示例代码：

var str = "这是一个包含数字 123 的字符串";
var num = "";
var arr = str.split(" ");
for (var i = 0; i < arr.length; i++) {
  if ($.isNumeric(arr[i])) {
    num = parseInt(arr[i]);
    break;
  }
}
console.log(num); // 输出: 123

解释：

• 我们首先将字符串 str 拆分成一个数组，数组中的每个元素由空格分隔。
• 使用 jQuery 的 isNumeric() 方法检查数组元素是否为数字。
• 如果找到数字，使用 JavaScript 的 parseInt() 方法将其转换为整数并将其存储在变量 num 中。

结论

以上两种方法都可以帮助我们获取字符串中的数字。使用哪种方法取决于您的情况和喜好。无论是哪种方法，都需要确保字符串中只包含数字，否则您可能会得到一个错误的结果。

参考资料

• jQuery 文档 - text() 方法
• jQuery 文档 - isNumeric() 方法