Как в JQuery сделать селектор класса по маске?

Question

[vis0r]

Вопроса всего 2:
1) Нужно найти на странице все элементы с классом начинающимся на "op-". Правильно ли я понимаю что это можно сделать такой конструкцией? :
$('.op-*')
2) Ну и собственно задача — вернуть оставшийся кусок класса который после префикса "op-" в функцию в формате строки:

$('.op-*').click(function() {

});

Answer 1

[Сергей Мекетюк]

$(function() {
    var mask = "op-";

    $("div[class*=" + mask + "]").on("click", function() {
         var classes   = $(this).attr("class").split(" "),
             className = "";
          
        for (var i = 0; i < classes.length; i++) {
            if (classes[i].indexOf(mask) !== -1) {
                className = classes[i].replace(mask, "");
                return;
            }
        }
      
        console.log(className); // Остаток имени после маски
    });
});

Comments

[vis0r]

Дело в том что селектор ".op-*" сам по себе не работает...
joxi.ru/JDQBUxjKTJA-BPKB-b8

[Сергей Мекетюк]

Изменил свой ответ. Пример на JsFiddle

[vis0r]

Да, вот как раз и хотел уточнить что не обойтись какой то более лёгкой конструкцией чем поиск класса как атрибута... Очень жаль

[vis0r]

Там у вас кстати ошибка в селекторе, забыли "]" закрыть

[Сергей Мекетюк]

Спасибо. К сожалению другого варианта нету.

[vis0r]

Блин, так мало того, даже этим селектором не находит эти элементы (:
joxi.ru/yTgBU_3JTJBheVT2ntI

[vis0r]

И на JsFiddle код не работает

[Сергей Мекетюк]

Возможно что вы что-то где-то упустили. Я дал пример на JsFiddle, там все работает. Если хотите то можете на JsFiddle написать свой код а я попытаюсь его отредактировать что бы он работал.

[Сергей Мекетюк]

joxi.ru/ckQBU_3JTJB0ec2IHEQ - вот же у меня все работает, может вы пробелы лишние поставили?

[vis0r]

Стоп стоп)) Как он у вас может работать, там скобки в конце не хватает) Просто в примере своём вы поправили, а на JsFiddle нет

[Сергей Мекетюк]

Скобки может на хватать, но работать будет, если бы в начале ее не было тогда не работало бы. Мне незачем вас обманывать, просто этот пример также работает и у моего друга. Могу вам краткое видео снять где я кликаю и тд если не верите ))

[Сергей Мекетюк]

Вот пример на другом ресурсе для работы с жс jsbin.com/xugoduwa/1, вот его исходники jsbin.com/xugoduwa/1/edit и все работает, по крайне мере у меня

[vis0r]

У меня в последнем фаерфоксе не работает при незакрытой скобке. Закрываешь скобку — пашет...

[Сергей Мекетюк]

Ищет по маске как вам было нужно или нет? Проверьте еще в IDE

[vis0r]

А в остальном нашёл косяк: если у элемента несколько классов, то этот класс должен стоять на 1 месте. В принципе логично, потому как ищем не по классу а по значению атрибута...

[vis0r]

И да, возвращает оставшуюся строку целиком, с именами остальных классов через пробел... Не то конечно что я ожидал

[Сергей Мекетюк]

Изменил свой ответ, он работает, проверял несколько раз. Клас может быть где угодно в строке класов. Если есть еще пожелания по коду то пишите пока я закрыл все.

[vis0r]

Отлично! Большое спасибо!