javascript 匹配获取所有包含数字的 class 名称

Question

I'm trying to get the classes of the body tag that have numbers in them, but got stuck with the regex我正在尝试获取其中包含数字的 body 标签的类，但被正则表达式卡住了

<body class='UjQWin PEfnhb s21aSi'>

var matches = document.body.className.match(/[0-9]+/);
if (matches) {
    id = matches;
    //document.getElementById("num").innerHTML = id;
  console.log(id) //expected output s21aSi 
}

Is it possible to get the output as s21aSi in this case?在这种情况下，是否可以将 output 作为 s21aSi 获得？

Answer 1

You can create an array from the .classList property and filter that array, here is an example:您可以从.classList属性创建一个数组并过滤该数组，这是一个示例：

 const result = [...document.body.classList].filter(cl => /\d/.test(cl)); console.log(result);

 <body class='UjQWin PEfnhb s21aSi'>

Answer 2

You may split with whitespace ( .split(/\s+/) ) and filter using /\d/ (digit matching) pattern:您可以使用空格（ .split(/\s+/) ）拆分并使用/\d/ （数字匹配）模式进行过滤：

 var matches = document.body.className.split(/\s+/).filter(m => /\d/.test(m)); console.log(matches)

 <body class='UjQWin PEfnhb s21aSi'>

javascript 匹配获取所有包含数字的 class 名称

问题描述

2 个解决方案

解决方案1
3 2020-04-30 14:39:07

解决方案2
1 2020-04-30 14:32:43

javascript 匹配获取所有包含数字的 class 名称

问题描述

2 个解决方案

解决方案1 3 2020-04-30 14:39:07

解决方案2 1 2020-04-30 14:32:43

解决方案1
3 2020-04-30 14:39:07

解决方案2
1 2020-04-30 14:32:43