Mootools_Mootools を使用して操作インデックスを取得する 2 つの方法を共有します

まず最初の方法について話しましょう。(この方法は QQ 友人によって提供されました。ありがとうございます。この人のニックネームは exf です)

コードをコピー コードは次のとおりです。

Title1

• 11111
;

タイトル 2

• 22222
  
  タイトル 3
  
  • 33333
  🎜 >
  
  
  Title4
  
  • 44444
  
  
  
  ul=$$('ul');
  ul.addEvent('click',function(){
  alert(ul.indexOf(this));
  }); < ;/script>
  
  
  実際には、上記の方法に加えて、インデックス値を取得する別の方法もあります。以下の例を参照してください。 >
  コードをコピー
  
  

コードは次のとおりです:

Title1
• 11111
  タイトル 2
• 22222

>

33333

;script type='text/javascript '>
ul=$$('ul');
ul.each(function($I,i){
$I.onclick=function() {
alert(i) ;
};
})



2 つの方法の長所と短所が一目でわかります1 番目の方法は、再度、indexOf 関数を使用して判断する必要があり、2 番目の方法は、インデックス値をパラメータとして直接渡すため、追加の計算は必要ありません。インデックス値を取得します。
以下にアコーディオン プラグインを作成しました。これは、実際のアプリケーションで 2 つのメソッドのパフォーマンスを示すために使用されます。

コードをコピーします。 >

コードは次のとおりです。

li{list-style:none;font-weight :normal;background-color:#e1e1e1;}

タイトル 1
11111
タイトル 2
• 22222 li>
  タイトル 3
• 33333
タイトル 4
;li>44444

var Acc=new Class({
実装: ],
options:{
$Boxtit:false
},
Initialize:function(options){//初期化コンストラクター
this.setOptions(options);//オプションを設定
if(!this.options.$Boxtit){return false;}
this.Core();
},
Core:function(){
🎜> $Boxmsg.setStyle(" display","none"); =$Boxtit.indexOf(this);console.log(i1 '|' i2);//ここでの i1 と i2 は実際にはインデックス値です
$Boxmsg.setStyle("display", "なし");
this.getElement('li').setStyle("表示","")
})
}
new Acc({$ Boxtit:$$('ul')});



しかし、上記のプラグインの効率を向上させるために、これを使用しましたこれは、インデックスを使用するよりも優れており、DOM を検索する方が効率的です。