如何检查具有多个 classes 的元素中的数字 class

Question

如果是数字，是否可以在此元素中获取 class 名称？你能检查这个元素是否有一个数字作为 class 并把它拿出来吗？

<button id="12" class="btn btn-default 1000 tBtn">

Answer 1

您可以将属性 select 或 [class] 用于 select 所有具有 class 属性的元素。从那里，您可以使用 $.isNumeric jQuery method:

根据 classes 的数组是否包含数字作为值来过滤 selected 元素

var $elements = $('[class]').filter(function () {
  var classes = this.className.split(' ');
  var classesWithNumbers = classes.filter(function (value) {
    return $.isNumeric(value);
  });

  return classesWithNumbers.length;
});

这是一个更简短、更简洁的版本：

var $elements = $('[class]').filter(function () {
  return this.className.split(' ').filter($.isNumeric).length;
});

值得一提的是，从 HTML4 class 开始，es 和 id 不能以数字开头。但是，HTML5 不再是这种情况。参考：What are valid values for the id attribute in HTML?

如何检查具有多个 classes 的元素中的数字 class

How to check element with multiple classes for a number in class

jquery

jquery-selectors