情景：
1.當點選當前元素增加addClass一個樣式，並對其他的元素進行刪除樣式；
2.當點選某個元素，div盒子內容顯示相應內容

<ul id="activeLi">
   <li class="box">北京</li>
   <li class="box">廣州</li>
   <li class="box">上海</li>
   <li class="box">河南</li>
</ul>
<div class="cont-box">
    <div id="cont-box1" class="cont-box1">
      內容一
    </div>
     <div id="cont-box2" class="cont-box2">
       內容二
    </div>
</div>
 

//只需要找到你點選的是哪個ul裡面的就行
$("ul#activeLi").on("click","li",function(e){
    $(this).addClass('active');//1  獲取當前點選的元素$(this) ,並新增class
    $(this).siblings('li').removeClass('active');  // 刪除其他兄弟元素的樣式
    if($(e.target).parents("li").attr('class') === 'li-box1 active'){   //2  當點選第一個li的時候顯示第一塊內容，隱藏第二塊內容
    $('#cont-box1').fadeIn();  //顯示
    $('#cont-box2').hide();    //隱藏
    }
    });