Получить количество дт с JQuery

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, когда пользователь нажимает на него?Пятый дт должен дать 4, первый 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/

РЕДАКТИРОВАТЬ - Если вам нужно просто добавить класс к следующему дд, вы можете сделать:

$('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);
});

См. Метод children(), который принимает селектор, и метод index().

Редактировать:

Добавить класс к нажатой dt, используя метод addClass():

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

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

Я назначил $(this) на self,чтобы $(this) не вычислялось ненужное количество раз.