有关代码复用的问题

对于tab切换，我写了一个函数，在写html部分的时候（比如在课程作业中有5个楼层，每个楼层都有相同样式的tab切换，那我在写html时是否每个楼层都要定义一个不同的类，然后在js代码也要调用5遍函数）

html部分代码：

<div id="content" class="content">

<div class="content-tab">

<div class="content-header">

  <div class="content-header-line"></div> 

  <div class="content-header-biaoti"><span class="content-header-biaoti-shuzi">1F</span><span class="content-header-biaoti-wenzi">服装鞋包</span></div>

</div>

<div class="caption" id="content-header-qiehuan">

       <div class="item item1 item_focus">大牌</div>

       <!-- <div class="item content-header-qiehuan-jiange">|</div> -->

       <div class="item item1">男装</div>

       <!-- <div class="item content-header-qiehuan-jiange">|</div> -->

       <div class="item item2">女装</div>

  </div>

<div class="block">

   <div class="item">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.png"></div>

   <div class="content-img-item-mingzi">匡威男棒球开衫外套2015</div>

   <div class="content-img-item-jiage">¥479</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.png"></div>

   <div class="content-img-item-mingzi">adidas 阿迪达斯 训练 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.jpg"></div>

   <div class="content-img-item-mingzi">必迈BMAI一体织跑步短袖T恤</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.jpg"></div>

   <div class="content-img-item-mingzi">NBA袜子半毛圈运动豪邦棒袜</div>

   <div class="content-img-item-jiage">¥65</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.png"></div>

   <div class="content-img-item-mingzi">特步官方运动帽男女帽子</div>

   <div class="content-img-item-jiage">¥69</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.png"></div>

   <div class="content-img-item-mingzi">KELME足球训练防寒防风手套</div>

   <div class="content-img-item-jiage">¥4999</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/2.jpg"></div>

   <div class="content-img-item-mingzi">匡威男棒球开衫外套2015</div>

   <div class="content-img-item-jiage">¥479</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/2.jpg"></div>

   <div class="content-img-item-mingzi">adidas 阿迪达斯 训练 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.png"></div>

   <div class="content-img-item-mingzi">必迈BMAI一体织跑步短袖T恤</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.png"></div>

   <div class="content-img-item-mingzi">NBA袜子半毛圈运动豪邦棒袜</div>

   <div class="content-img-item-jiage">¥65</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/3.jpg"></div>

   <div class="content-img-item-mingzi">特步官方运动帽男女帽子</div>

   <div class="content-img-item-jiage">¥69</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/3.jpg"></div>

   <div class="content-img-item-mingzi">KELME足球训练防寒防风手套</div>

   <div class="content-img-item-jiage">¥4999</div>

   </div>

   </div>

   <div class="item" style="display: none;">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/6.jpg"></div>

   <div class="content-img-item-mingzi">阿迪达斯 T恤 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   </div>

   <div class="item" style="display: none;">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/4.jpg"></div>

   <div class="content-img-item-mingzi">BMAI一体织布裙子</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   </div>

</div>

</div>

<div class="content-tab1">

<div class="content-header">

  <div class="content-header-line"></div> 

  <div class="content-header-biaoti"><span class="content-header-biaoti-shuzi">2F</span><span class="content-header-biaoti-wenzi">个护美妆</span></div>

</div>

<div class="caption" id="content-header-qiehuan">

       <div class="item item1 item_focus">热门</div>

       <!-- <div class="item content-header-qiehuan-jiange">|</div> -->

       <div class="item item1">国际大牌</div>

       <!-- <div class="item content-header-qiehuan-jiange">|</div> -->

       <div class="item item2">国际名品</div>

  </div>

<div class="block">

   <div class="item">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/5.jpg"></div>

   <div class="content-img-item-mingzi">匡威男棒球开衫外套2015</div>

   <div class="content-img-item-jiage">¥479</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/5.jpg"></div>

   <div class="content-img-item-mingzi">adidas 阿迪达斯 训练 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/5.jpg"></div>

   <div class="content-img-item-mingzi">必迈BMAI一体织跑步短袖T恤</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/5.jpg"></div>

   <div class="content-img-item-mingzi">NBA袜子半毛圈运动豪邦棒袜</div>

   <div class="content-img-item-jiage">¥65</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/5.jpg"></div>

   <div class="content-img-item-mingzi">特步官方运动帽男女帽子</div>

   <div class="content-img-item-jiage">¥69</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/5.jpg"></div>

   <div class="content-img-item-mingzi">KELME足球训练防寒防风手套</div>

   <div class="content-img-item-jiage">¥4999</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.png"></div>

   <div class="content-img-item-mingzi">匡威男棒球开衫外套2015</div>

   <div class="content-img-item-jiage">¥479</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.png"></div>

   <div class="content-img-item-mingzi">adidas 阿迪达斯 训练 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.png"></div>

   <div class="content-img-item-mingzi">必迈BMAI一体织跑步短袖T恤</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.png"></div>

   <div class="content-img-item-mingzi">NBA袜子半毛圈运动豪邦棒袜</div>

   <div class="content-img-item-jiage">¥65</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.png"></div>

   <div class="content-img-item-mingzi">特步官方运动帽男女帽子</div>

   <div class="content-img-item-jiage">¥69</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/1.png"></div>

   <div class="content-img-item-mingzi">KELME足球训练防寒防风手套</div>

   <div class="content-img-item-jiage">¥4999</div>

   </div>

   </div>

   <div class="item" style="display: none;">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/6.jpg"></div>

   <div class="content-img-item-mingzi">阿迪达斯 T恤 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   </div>

   <div class="item" style="display: none;">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/4.jpg"></div>

   <div class="content-img-item-mingzi">BMAI一体织布裙子</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   </div>

</div>

</div>

<div class="content-tab2">

<div class="content-header">

  <div class="content-header-line"></div> 

  <div class="content-header-biaoti"><span class="content-header-biaoti-shuzi">3F</span><span class="content-header-biaoti-wenzi">手机通讯</span></div>

</div>

<div class="caption" id="content-header-qiehuan">

       <div class="item item1 item_focus">热门</div>

       <!-- <div class="item content-header-qiehuan-jiange">|</div> -->

       <div class="item item1">品质优选</div>

       <!-- <div class="item content-header-qiehuan-jiange">|</div> -->

       <div class="item item2">新机尝鲜</div>

  </div>

<div class="block">

   <div class="item">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/7.jpg"></div>

   <div class="content-img-item-mingzi">匡威男棒球开衫外套2015</div>

   <div class="content-img-item-jiage">¥479</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/7.jpg"></div>

   <div class="content-img-item-mingzi">adidas 阿迪达斯 训练 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/7.jpg"></div>

   <div class="content-img-item-mingzi">必迈BMAI一体织跑步短袖T恤</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/7.jpg"></div>

   <div class="content-img-item-mingzi">NBA袜子半毛圈运动豪邦棒袜</div>

   <div class="content-img-item-jiage">¥65</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/7.jpg"></div>

   <div class="content-img-item-mingzi">特步官方运动帽男女帽子</div>

   <div class="content-img-item-jiage">¥69</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/7.jpg"></div>

   <div class="content-img-item-mingzi">KELME足球训练防寒防风手套</div>

   <div class="content-img-item-jiage">¥4999</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/7.jpg"></div>

   <div class="content-img-item-mingzi">匡威男棒球开衫外套2015</div>

   <div class="content-img-item-jiage">¥479</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/7.jpg"></div>

   <div class="content-img-item-mingzi">adidas 阿迪达斯 训练 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/7.jpg"></div>

   <div class="content-img-item-mingzi">必迈BMAI一体织跑步短袖T恤</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/7.jpg"></div>

   <div class="content-img-item-mingzi">NBA袜子半毛圈运动豪邦棒袜</div>

   <div class="content-img-item-jiage">¥65</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/7.jpg"></div>

   <div class="content-img-item-mingzi">特步官方运动帽男女帽子</div>

   <div class="content-img-item-jiage">¥69</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/7.jpg"></div>

   <div class="content-img-item-mingzi">KELME足球训练防寒防风手套</div>

   <div class="content-img-item-jiage">¥4999</div>

   </div>

   </div>

   <div class="item" style="display: none;">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/6.jpg"></div>

   <div class="content-img-item-mingzi">阿迪达斯 T恤 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   </div>

   <div class="item" style="display: none;">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/4.jpg"></div>

   <div class="content-img-item-mingzi">BMAI一体织布裙子</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   </div>

</div>

</div>

<div class="content-tab3">

<div class="content-header">

  <div class="content-header-line"></div> 

  <div class="content-header-biaoti"><span class="content-header-biaoti-shuzi">4F</span><span class="content-header-biaoti-wenzi">家用电器</span></div>

</div>

<div class="caption" id="content-header-qiehuan">

       <div class="item item1 item_focus">热门</div>

       <!-- <div class="item content-header-qiehuan-jiange">|</div> -->

       <div class="item item1">大家电</div>

       <!-- <div class="item content-header-qiehuan-jiange">|</div> -->

       <div class="item item2">生活电器</div>

  </div>

<div class="block">

   <div class="item">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/8.jpg"></div>

   <div class="content-img-item-mingzi">匡威男棒球开衫外套2015</div>

   <div class="content-img-item-jiage">¥479</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/8.jpg"></div>

   <div class="content-img-item-mingzi">adidas 阿迪达斯 训练 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/8.jpg"></div>

   <div class="content-img-item-mingzi">必迈BMAI一体织跑步短袖T恤</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/8.jpg"></div>

   <div class="content-img-item-mingzi">NBA袜子半毛圈运动豪邦棒袜</div>

   <div class="content-img-item-jiage">¥65</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/8.jpg"></div>

   <div class="content-img-item-mingzi">特步官方运动帽男女帽子</div>

   <div class="content-img-item-jiage">¥69</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/8.jpg"></div>

   <div class="content-img-item-mingzi">KELME足球训练防寒防风手套</div>

   <div class="content-img-item-jiage">¥4999</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/8.jpg"></div>

   <div class="content-img-item-mingzi">匡威男棒球开衫外套2015</div>

   <div class="content-img-item-jiage">¥479</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/8.jpg"></div>

   <div class="content-img-item-mingzi">adidas 阿迪达斯 训练 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/8.jpg"></div>

   <div class="content-img-item-mingzi">必迈BMAI一体织跑步短袖T恤</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/8.jpg"></div>

   <div class="content-img-item-mingzi">NBA袜子半毛圈运动豪邦棒袜</div>

   <div class="content-img-item-jiage">¥65</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/8.jpg"></div>

   <div class="content-img-item-mingzi">特步官方运动帽男女帽子</div>

   <div class="content-img-item-jiage">¥69</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/8.jpg"></div>

   <div class="content-img-item-mingzi">KELME足球训练防寒防风手套</div>

   <div class="content-img-item-jiage">¥4999</div>

   </div>

   </div>

   <div class="item" style="display: none;">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/6.jpg"></div>

   <div class="content-img-item-mingzi">阿迪达斯 T恤 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   </div>

   <div class="item" style="display: none;">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/4.jpg"></div>

   <div class="content-img-item-mingzi">BMAI一体织布裙子</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   </div>

</div>

</div>

<div class="content-tab4">

<div class="content-header">

  <div class="content-header-line"></div> 

  <div class="content-header-biaoti"><span class="content-header-biaoti-shuzi">5F</span><span class="content-header-biaoti-wenzi">电脑数码</span></div>

</div>

<div class="caption" id="content-header-qiehuan">

       <div class="item item1 item_focus">热门</div>

       <!-- <div class="item content-header-qiehuan-jiange">|</div> -->

       <div class="item item1">电脑/平板</div>

       <!-- <div class="item content-header-qiehuan-jiange">|</div> -->

       <div class="item item2">潮流影音</div>

  </div>

<div class="block">

   <div class="item">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/9.jpg"></div>

   <div class="content-img-item-mingzi">匡威男棒球开衫外套2015</div>

   <div class="content-img-item-jiage">¥479</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/9.jpg"></div>

   <div class="content-img-item-mingzi">adidas 阿迪达斯 训练 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/9.jpg"></div>

   <div class="content-img-item-mingzi">必迈BMAI一体织跑步短袖T恤</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/9.jpg"></div>

   <div class="content-img-item-mingzi">NBA袜子半毛圈运动豪邦棒袜</div>

   <div class="content-img-item-jiage">¥65</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/9.jpg"></div>

   <div class="content-img-item-mingzi">特步官方运动帽男女帽子</div>

   <div class="content-img-item-jiage">¥69</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/9.jpg"></div>

   <div class="content-img-item-mingzi">KELME足球训练防寒防风手套</div>

   <div class="content-img-item-jiage">¥4999</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/9.jpg"></div>

   <div class="content-img-item-mingzi">匡威男棒球开衫外套2015</div>

   <div class="content-img-item-jiage">¥479</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/9.jpg"></div>

   <div class="content-img-item-mingzi">adidas 阿迪达斯 训练 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/9.jpg"></div>

   <div class="content-img-item-mingzi">必迈BMAI一体织跑步短袖T恤</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/9.jpg"></div>

   <div class="content-img-item-mingzi">NBA袜子半毛圈运动豪邦棒袜</div>

   <div class="content-img-item-jiage">¥65</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/9.jpg"></div>

   <div class="content-img-item-mingzi">特步官方运动帽男女帽子</div>

   <div class="content-img-item-jiage">¥69</div>

   </div>

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/9.jpg"></div>

   <div class="content-img-item-mingzi">KELME足球训练防寒防风手套</div>

   <div class="content-img-item-jiage">¥4999</div>

   </div>

   </div>

   <div class="item" style="display: none;">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/6.jpg"></div>

   <div class="content-img-item-mingzi">阿迪达斯 T恤 男子</div>

   <div class="content-img-item-jiage">¥335</div>

   </div>

   </div>

   <div class="item" style="display: none;">

   <div class="content-img-item">

   <div class="content-img-item-tupian"><img src="../images/floor/4.jpg"></div>

   <div class="content-img-item-mingzi">BMAI一体织布裙子</div>

   <div class="content-img-item-jiage">¥159</div>

   </div>

   </div>

</div>

</div>

</div>

js部分代码：

$.fn.UiTab = function(header,content){

var ui = $(this);

var tabs = $(header,ui);

var cons = $(content,ui);

tabs.on('click',function(){

var index = $(this).index();

tabs.removeClass('item_focus').eq(index).addClass('item_focus');

cons.hide().eq(index).show();

return false;

})

}

$(document).ready(function($){

    $('.content .content-tab').UiTab('.caption > .item','.block > .item');

    $('.content .content-tab1').UiTab('.caption > .item','.block > .item');

    $('.content .content-tab2').UiTab('.caption > .item','.block > .item');

    $('.content .content-tab3').UiTab('.caption > .item','.block > .item');

    $('.content .content-tab4').UiTab('.caption > .item','.block > .item');

})