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

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

WBOY
リリース: 2016-05-16 18:25:51
オリジナル
1027 人が閲覧しました

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



    関連ラベル:
    ソース:php.cn
    前の記事:replaceAll_javascript スキルの効果を実現するために、JavaScript で replace を正規表現と組み合わせて使用​​する 次の記事:JQuery_jquery でのライブ メソッドと $.browser メソッドの使用コード
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    著者別の最新記事
    最新の問題
    関連トピック
    詳細>
    人気のおすすめ
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート