jquery - jQuery - 在元素上找到最后一个类

Question

如何在不知道确切类数的情况下找到元素上的最后一个类？

我们的元素：

 <div class="class-1 class-2 some-other-class"></div>

使用拆分的常规方法在这里不起作用，因为我们不知道类的数量。我们可以检查 的长度.split(' ')吗？

var i = $('div').prop('class');
var j = i.split(' ')[x];

任何建议都非常感谢。

Answer 1

最简单的解决方案是使用pop，它访问数组中的最后一个元素。

var lastClass = $('div').attr('class').split(' ').pop();

请注意，这pop也会从数组中删除元素，但由于您没有对它做任何其他事情，所以这不是问题。

Answer 2

var classStr = $('div').attr('class'),
    lastClass = classStr.substr( classStr.lastIndexOf(' ') + 1);

演示

由于classStr包含由单个 分隔的类名space，因此lastIndexOf(' ')将找到最后一个space并从那里进行分区并为您提供class姓氏。