javascript - 如何获取类的值并过滤它们？

Question

嗨。如果类有多个值，我如何获取该类的值？例如我有这个标签

<ul>
    <li id="145" class="AAA BBB">
    <li id="148" class="AAA BBB CCC">
</ul>

1. class="AAA BBB"
2. class="AAA BBB CCC"

每次我单击此标签时，我都需要获得类属性的最后一个值。例如，在上面的(1)类中我需要(BBB)，在(2)类中我需要(CCC)。 我怎样才能得到它们？我不需要它来拥有所有的值。

Answer 1

在原生 JS 中:

var classNames = document.getElementById('145').className.split(/\s+/);
console.log(classNames[classNames.length - 1]) // 'BBB'

或更短:(mplungjan 的建议)

var classNames = document.getElementById('145').className.split(/\s+/);
console.log(classNames.pop()) // 'BBB'

当然你可以把它写成一行:

document.getElementById('145').className.split(/\s+/).pop()

VisioN建议使用 /\s+/ 而不是 ' ' 作为 split 的参数，以捕获多个后续空格，而不是只是一个。
但是，您可能想要 trim 掉类名后面的空格(例如 `class="a b c "):

document.getElementById('145').className.trim().split(/\s+/).pop()