第n个选择器jquery显示第n个值

时间:2012-11-03 17:51:32

标签: jquery

我希望能够从跨度列表中选择第n个孩子,并在按钮点击时显示他们的第n个值(或位置)。

所以,如果我有:

item a
item b
item c
item d
item e

按下按钮我希望它显示:

1 item a
2 item b
3 item c
4 item d
5 item e

这是可能的,如果是这样的话怎么样?

HTML(来自下面的回答)

<div class="items">item a</div>
<div class="items">item b</div>
<div class="items">item c</div>
<div class="items">item d</div>
<div class="items">item e</div>

1 个答案:

答案 0 :(得分:2)

以下是可以做的事情:

如果HTML

<div class="items">item a</div>
<div class="items">item b</div>
<div class="items">item c</div>
<div class="items">item d</div>
<div class="items">item e</div>

JS应该是:

$(function(){
    $('.items').each(function(index){
        $(this).html((index+1)+" "+$(this).html());
    });
});

DEMO:http://jsfiddle.net/veZg5/