jQuery - removeClass, начинающийся с

Question

Теперь я хочу установить разные классы для разных уровней масштабирования в google-maps. Теперь он только добавляет класс и не удаляет класс, который начинается с zoom-, что я делаю неправильно здесь? :

// setMarkerSize by different zoomLevels 
    if (z === 16) { $('.marker').removeClass("[className^='zoom-']").addClass('zoom-16'); } 
    if (z === 17) { $('.marker').removeClass("[className^='zoom-']").addClass('zoom-17'); } 
    if (z === 18) { $('.marker').removeClass("[className^='zoom-']").addClass('zoom-18'); } 

Answer 1

removeClass() принимает только имена классов, а не селекторы.

Вы можете сделать это вместо того, чтобы:

var $el = $('.marker'); 
var classList = $el.attr('class').split(' '); 

$.each(classList, function(id, item) { 
    if (item.indexOf('zoom-') == 0) $el.removeClass(item); 
}); 

$el.addClass('zoom-' + z); // zoom-16, zoom-17, zoom-18 etc. 

Answer 2

Это удаляет все существующие классы масштабирования. Добавьте новый класс в конец.

var z = 18; 
var items = [16, 17, 18]; 

$.each(items, function (ind, val) { 
    if (z === val) { 
     $(".marker").removeClass(function (index, css) { 
      return (css.match(/(^|\s)zoom-\S+/g) || []).join(' '); 
     }).addClass('zoom-' + val); 
    } 
});