jQueryでdtの数を取得

Question

<dl> 
<dt>1</dt> 
<dd></dd> 
<dt>2</dt> 
<dd></dd> 
<dt>3</dt> 
<dd></dd> 
<dt>4</dt> 
<dd></dd> 
<dt>5</dt> 
<dd></dd> 
</dl> 

ユーザーがクリックしたときにdt要素のインデックスを取得するにはどうすればよいですか？ 0

$('dt').click(function(){ 
var index = 'how to?'; 
alert('current dt index is ' + index); 
}); 

Answer 1

あなたは行うことができます：ここに

$('dt').click(function(){ 
    var index = $(this).prevAll('dt').length; 
    alert('current dt index is ' + index); 
}); 

フィドル：http://jsfiddle.net/nicolapeluchetti/erUPs/

EDITを - あなたはちょうどあなたができる次のddにクラスを追加する必要がある場合：ここ

$('dt').click(function(){ 
    $(this).next('dd').addClass('myclass') 

}); 

フィドルを：http://jsfiddle.net/nicolapeluchetti/erUPs/2/

Answer 2

$('dt').bind('click', function() { 
    var index = $(this).parent().children('dt').index(this); 
}); 

最初の4を与えるべき第dtは、セレクタを受け入れるchildren()方法、及びindex()方法を参照してください。

がaddClass()メソッドを使用して、クリックしたdtにクラスを追加します：私は$(this)を停止するには、selfに$(this)を割り当てた

$('dt').bind('click', function() { 
    var self = $(this); 
    var index = self.parent().children('dt').index(this); 

    self.addClass("foo-" + index); 
});  

回の不必要な数を計算して編集

。