如何获取class属性的第一个class

Question

我的class里有这个：

fab fa-facebook mbr-iconfont hoversel nosort hoverstamp

我只需要从上面的多个 classes 中获取字体超棒的图标 classes。

我试过了：

jObj.class.split(" ")[0]

但显然这会得到：

fab

但我想要：

fab fa-facebook

还要记住字体真棒 class 可能会有所不同，例如：

[fa, fas, fab] fa-linedin

那么我如何实现这一点，我正在考虑正则表达式，我现在将在问题出现时尝试。

可能的答案是：

jObj.class.split(" ")[0] + jObj.class.split(" ")[1]

但我需要更清洁的东西。

Answer 1

  const classStr = "fab fa-facebook mbr-iconfont hoversel nosort hoverstamp";
  const fontAwasomeClasses = classStr
    .split(" ")
    .filter(word => word.startsWith("fa"));
  console.log(fontAwasomeClasses);

Answer 2

const el = document.querySelector('div[class*="fa-"]')

function getFAClasses(classList){
  const arr = [],
  iterator = classList.values()
  for(value of iterator){
    if(value.includes('fa')){
      arr.push(value)
    }
  }
  return arr
}

const result = getFAClasses(el.classList)

console.log(result)

<div class='fab fa-facebook mbr-iconfont hoversel nosort hoverstamp'></div>

如何获取class属性的第一个class

How to get the first class of the class attribute

javascript

jquery

font-awesome