遍历点击选中元素的操作

今天get到的新技能

$('.rank').on('click', function (e) {
 e.stopPropagation();
 var $this = $(this),
     $fold = $('.fold' + $this.data('rank')),
     $all_fold = $('.fold'); 
 if ($fold.hasClass('on')) {
     $fold.removeClass('on');
     $('.borderDiv:nth-child(2)').removeClass('borderDivrank')
     $('.borderDiv:nth-child(3)').removeClass('borderDivrank')                    
 } else {
     // $all_fold.hide();
     $all_fold.removeClass('on');
     $fold.addClass('on');
     $('.borderDiv:nth-child(2)').addClass('borderDivrank')
     $('.borderDiv:nth-child(3)').addClass('borderDivrank')
 }
 outSwiper.onResize();
});

<li class="rank rank1" data-rank="1"></li>
<div class="fold fold1">
  <h4 class="fold-title">人品透支王[ 鬼装掉落榜 ]</h4>
    <div class="top1">
        <div class="headicon dk"></div>
        <div class="right">
        <h5 class="name">凌霄ゞ太清<p><span class="num">180</span>件</p></h5>
            <p>服务器：紫竹林</p>
            <p>职 业：刀客</p>
            <p>等 级：150</p>
        </div>
    </div>
    <div class="top2">
        <h5 class="name">偶·遇菇<p><span class="num">177</span>件</p></h5>
    </div>
    <div class="top3">
        <h5 class="name">讨人弦<p><span class="num">176</span>件</p></h5>
    </div>
</div>