bootstrap取数字
时间: 2024-03-26 14:10:26 浏览: 16
在 Bootstrap 中,要提取数字可以使用正则表达式。以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap取数字示例</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h1>Bootstrap取数字示例</h1>
<p id="text">这是一个包含数字的文本:123456</p>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script>
$(document).ready(function() {
var text = $('#text').text(); // 获取文本内容
var regex = /\d+/g; // 正则表达式匹配数字
var numbers = text.match(regex); // 匹配所有数字
console.log(numbers); // 输出匹配到的数字数组
});
</script>
</body>
</html>
```
在上面的示例中,我们使用了 jQuery 库来简化操作。通过 `$('#text').text()` 获取文本内容,然后使用正则表达式 `\d+` 匹配所有数字,并通过 `match()` 方法提取数字。最后,使用 `console.log()` 打印匹配到的数字数组。
请注意,在使用该示例代码之前,确保你已经引入了 Bootstrap 和 jQuery 库。