javascript - 使用 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 元素的索引？第五个 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/

编辑 - 如果您只需要向下一个 dd 添加一个类，您可以这样做:

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

});

在这里摆弄:http://jsfiddle.net/nicolapeluchetti/erUPs/2/