javascript - 从具有相同类的多个元素中提取 Javascript 中的数字

Question

我的页面中有相同类的不同元素。 所有这些元素都包含文本和数字。 我需要从所有元素中提取所有数字。

例如我有以下要素:

<div class="myelement">bla bla bla 123</div>
<div class="myelement">bla bla bla 456</div>
<div class="myelement">bla bla bla 789</div>

..我需要分别提取123、456、789。 你能帮我一下吗？

预先感谢您的帮助。

Answer 1

查找字符串中所有数字的一种解决方案是使用正则表达式 /\d+/:

var strings = Array.prototype.map.call(
  document.getElementsByClassName('myelement'),
  function(element) {
    return element.innerText;
  }
);

var numbers = [];
var regex = /\d+/;

strings.forEach(function(item) {
  regex.exec(item).forEach(function(result) {
    numbers.push(+result); // convert to a number with + prefix
  });
});

console.log(numbers);

<div class="myelement">bla bla bla 123</div>
<div class="myelement">bla bla bla 456</div>
<div class="myelement">bla bla bla 789</div>