В jQuery управление классами CSS — обычная задача при работе с динамическими веб-страницами. Одним из часто встречающихся сценариев является поиск и выборка последнего класса в списке классов, примененных к элементу. В этой статье мы рассмотрим различные методы достижения этой цели с помощью jQuery и приведем примеры кода.

Метод 1: использование функций attr()и split()

var classes = $('#elementId').attr('class').split(' ');
var lastClass = classes[classes.length - 1];

Метод 2: использование функций hasClass()и split()

var allClasses = $('#elementId').attr('class').split(' ');
var lastClass = '';
$.each(allClasses, function(index, className) {
  if ($('#elementId').hasClass(className)) {
    lastClass = className;
  }
});

Метод 3: использование свойства classList

var element = document.getElementById('elementId');
var allClasses = element.classList;
var lastClass = allClasses[allClasses.length - 1];

Метод 4: использование функции split()и свойства className

var classes = document.getElementById('elementId').className.split(' ');
var lastClass = classes[classes.length - 1];

Метод 5. Использование функции match()и регулярных выражений

var classes = $('#elementId').attr('class').match(/\S+/g);
var lastClass = classes[classes.length - 1];

В этой статье мы рассмотрели несколько методов извлечения последнего класса из списка классов, примененных к элементу, с помощью jQuery. Независимо от того, предпочитаете ли вы использовать функции jQuery или собственные методы JavaScript, теперь у вас есть целый ряд вариантов на выбор. Освоив эти методы, вы сможете легко манипулировать классами CSS и повысить интерактивность и визуальную привлекательность своих веб-приложений.