如何在jquery中匹配数组中的类名？

Question

我已将所有类存储为数组.而且我还添加了一个属性元素,也包含一个数组.我想在触发元素上添加属性值作为类.如何实现这个逻辑？

var $coverPosition = ['left', 'right', 'top', 'bottom', 'centerxy']
$('.posRow').on('click', function(){
  $('.coverBg').removeClass($coverPosition).addClass($(this).data('class'));
});

我的html结构是,

<div class="coverBg left">
</div>
<a href="#" class="posRow" data-class="top">
</a>

有时coverBg元素类可能是'left right'

Answer 1

如果您想为数组中的所有类执行此操作,请使用此方法:

var $coverPosition = ['left', 'right', 'top', 'bottom', 'centerxy']
$('.posRow').on('click', function(){
  $('.coverBg').removeClass($coverPosition.join(" ")).addClass($(this).data('class'));
});