<script type="text/javascript""> <script type="text/javascript""> <script type="text/javascript"" />

jquery UIタブは選択されたタブのバックグラウンドカラーを変更します

どのようにjqueryを使用して、各行のタブの選択された色の背景を変更できますか?行が偶数の場合は、選択されたタブの色は常に赤色になり、行が奇数の場合は、選択されたタブの色が白色になります。

<html>
 <head>
  <link src="ui.tabs.css" >
  <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
  <script type="text/javascript" src="ui.core.js"></script>
   <script type="text/javascript" src="ui.tabs.js"></script>
  <script type="text/javascript" src="ui.tabs.paging.js"></script> 
 <script type="text/javascript">

  $(function($) {    
$('#example').tabs();   
 $('#example').tabs('paging', {
     cycle: true, follow: true } ); 
}); 
  </script>

  
  </head>
   <body> 


   <table>
   <tr>
 <td>


    <div id="example">  
      
1

2 答え

これを試して:

$('.tabs:even').find('.ui-tabs-selected a').css('background', '#000');
$('.tabs:odd').find('.ui-tabs-selected a').css('background', '#fff');
1
追加された

クラスはありません

.ui-tabs-selected

むしろ

.ui-tabs-active

0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript