这可能看起来很简单,但我无法在jquery API中找到所需的功能

时间:2014-07-02 06:45:53

标签: javascript jquery html css

我有一个<ul>,其中包含<li>个,当我点击其中一个时,我将其更改为&#34; curent-menu-item&#34 ;但我也希望得到<li>的订单。

我想要的例子:

<ul>
    <li>first item</li>
    <li>first item</li> //I click this and I want to return the value 2 (or 1, I still dont really udnerstand when numerotating starts from 0 and when it starts from 1)
    <li>first item</li>
    <li>first item</li>
</ul>

提前谢谢。

2 个答案:

答案 0 :(得分:2)

您可以使用index()

$("li").click(function () {
    alert($(this).index() + 1);
});

Fiddle

答案 1 :(得分:0)

您可以使用index()获取索引并使用addClass("class_name")更改/添加新css到所选<li>

$("li").click(function(){
    $index = $(this).index();
    $(this).addClass("curent-menu-item");
});