在Jquery中获取匹配的类

Question

我的HTML中有以下div：

<div id = "foo" class = "bar barbar foobar"></div>

而且我正在使用此代码选择div：

$('.foo, .barfoo')

是否只能获取所选类别的匹配类别？因此，例如，如果我的HTML中有一个barfoo类，它将返回barfoo类，或者如果它具有foo类，它将返回foo类。

Answer 1

用逗号分隔选择器，并在.find上迭代您要迭代的元素.matches：

const selector = '.foo, .barfoo';
$(selector).each(function() {
  console.log(
    selector.split(', ').find(sel => this.matches(sel))
  );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id = "foo" class = "bar barbar barfoo"></div>

如果要删除.部分，请关闭.slice：

const selector = '.foo, .barfoo';
$(selector).each(function() {
  console.log(
    selector.split(', ').find(sel => this.matches(sel)).slice(1)
  );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id = "foo" class = "bar barbar barfoo"></div>