ホームページ >ウェブフロントエンド >jsチュートリアル >JQueryのindex()メソッドの使用法 code_jquery

JQueryのindex()メソッドの使用法 code_jquery

WBOY
WBOYオリジナル
2016-05-16 18:25:511044ブラウズ

学生部ウェブサイトのホームページには 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 つです



  • ;div class=" w1bg">
  • ニュース
    ;div class="w1bg">



    声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    前の記事:replaceAll_javascript スキルの効果を実現するために、JavaScript で replace を正規表現と組み合わせて使用​​する次の記事:replaceAll_javascript スキルの効果を実現するために、JavaScript で replace を正規表現と組み合わせて使用​​する

    関連記事

    続きを見る