javascript - 从元素中获取单个类名作为字符串

标签 javascript string

这可能很简单,但我遇到了一些困难。我试图从元素中以字符串形式返回特定的类名。将会有许多具有不同类名的 Interactive_item 遵循 element__content__item 模式,因此我需要 element__content__item 类名。

现在我只是尝试找到第一个元素。

我需要获取字符串slider__content__item

const elements = [...document.querySelectorAll('.interactive__item')]
const regex = new RegExp(/^.*(content__item).*$/g)

const result = elements[0].className.match(regex).toString()

这将返回 slider__content__item Interactive__item 条目,这是正确的,但是如何将 slider__content__item 类作为字符串拉出。

如果有更好的方法来做到这一点,我洗耳恭听。

<aside class="slider__content__item interactive__item entry">

</aside>

最佳答案

/\w+__content__item/g

const elements = [...document.querySelectorAll('.interactive__item')]
const regex = new RegExp(/\w+__content__item/g)

const result = elements[0].className.match(regex).toString()
console.log(result)
<aside class="slider__content__item interactive__item entry">

</aside>

关于javascript - 从元素中获取单个类名作为字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59592962/

相关文章:

c - C 中的 if 语句不稳定

关于特定编译器/平台问题的 C++ null-terminated-string

javascript - 每 X 秒显示一次警报框,但先等待 Y 秒

javascript - mongoose中如何连接字符串并需要传入updateOne

java - java内置方法的逻辑

c++ - 在 C++ 中连接字符串

java - 优化转换为 base36

javascript - 带有 promise 或异步回调的 Socket.io

javascript - 当为输入分配值时如何显示/隐藏 div

php - 转储到 JavaScript 数组的 HTML 文本破坏了我的代码