HTML
<div class="select_single" >
<div class="select-wrap1" data-type='商城'>
<div class="item"></div>
<div class="select_content">商城类</div>
</div>
<div class="select-wrap1" data-type='金融'>
<div class="item"></div>
<div class="select_content">金融类</div>
</div>
</div>
jquery:
let selectArr=$('.select-wrap');
selectArr.click(function () {
let n=selectArr.index($(this))
let item=$(this).children()[0]
$(item).addClass('active');
let other=$('.select-wrap:not(:eq('+n+'))');
for (let i=0;i<other.length;i++){
let selectWraqp=$(other[i])
let child=selectWraqp.children()[0]
$(child).removeClass('active')
}
});
获取到点击时的激活类
let selectArr=$('.select-wrap>.item');
let newArr=Array.prototype.slice.call(selectArr);
newArr.forEach(item=>{
if($(item).hasClass('active')){
let parent=$(item).parent('div');
type=parent.attr('data-type');
window.type1=type;
flag=true
}
});