学生部ウェブサイトのホームページには 19 個のリピーター コントロールがあります。 6つのdivブロック間のタブ切り替え。
タブを切り替えるときにメソッドを 1 つずつ書くことはできません: (コードは次のとおりです...)
$(function()
{
$("#tabs a:eq(0),#tabs2 a:eq (0),#dbt_l_t_tabs a :eq(0),#dbt_r_t_tabs a:eq(0)").addClass("m_on");
$("#tabs a:gt(0),#tabs2 a: gt(0),#dbt_l_t_tabs a:gt(0),#dbt_r_t_tabs a:gt(0)").addClass("m_out");
$("#tabs a,#tabs2 a,#dbt_l_t_tabs a, #dbt_r_t_tabs a").each (function(){
$(this).mouseover(function(){
if($(this).hasClass("m_out"))
{
var ab=$(this) .closest("div").attr("id");
var ulid="ul_" ab; var arra=$("# " ab " a");
var e=arra.index($(this));
$("#" ab " a").removeClass("m_on").addClass("m_out") ;
$(this ).removeClass("m_out").addClass("m_on");
$("#" ulid) " ul:eq(" e ")").show();
}
})
})
})
23 行目の代入では、 JQueryのインデックスメソッド。オブジェクト内のオブジェクトの要素のインデックス値を検索します。
公式の説明: $('li').index($('#bar')); ここのインデックス パラメータには一重引用符が使用されています。テスト中には必ず失敗します。 。理由はわかりません。その後、$(this) が配置されているオブジェクトが最初に直接定義されます: var arra=$("#" ab "a");。
インデックスは正常に返されます。
以下はタブの 1 つです
ニュース li> ;div class="w1bg">