jquery - JQuery TAB のクリック時に他の属性 ('href') を使用

Question

jqueryスクリプトに次のコードがあります：

 $('.content-box ul.content-box-tabs li a ').click( // When a tab is clicked...

 function () { 
 $(this).parent().siblings().find("a").removeClass('current'); // Remove "current" class from all tabs      
 $(this).addClass('current'); // Add class "current" to clicked tab
 var currentTab = $(this).attr('href'); // Set variable "currentTab" to the value of href of clicked tab
 $(currentTab).siblings().hide(); // Hide all content divs
 $(currentTab).show(); // Show the content div with the id equal to the id of clicked tab
 return this;
  }
 );

そして、このコードはphpを見るかもしれません:

<div class="content-box-header">

<h3>Content box</h3>

   <ul class="content-box-tabs">
     <li><a href="#tab1" id="tab1">Table</a></li> <!-- href must be unique and match the id of target div -->
     <li><a href="<?php echo site_url('examples/country_management')?>" id="tab2">Countries</a></li>
     <li><a href="<?php echo site_url('examples/channel_management')?>" id="tab3">Channels</a></li>
     <li><a href="<?php echo site_url('examples/programs_management/')?>" id="tab4" class="default-tab">Programs</a></li>
  </ul>

  <div class="clear"></div>

今。href ではなく .attr('href') または .prop('href') で他の属性を使用する必要がありますが、id、title ... そのコードを使用すると、タブは機能しますが、アクティブな位置にとどまりません。ロード プロセスでのみアクティブです。href という他の属性を使用すると、タブのリンクディレクトリがタブのすぐそばにあり、機能しません。

手伝って頂けますか。私の英語でごめんなさい。THX。