确定UL内部点击元素的索引

时间:2011-12-27 12:06:38

标签: jquery navigation html-lists

我写了一个基于UL的导航小部件,它使用LI元素内的链接。 这是任务:当点击链接时,我想得到如下索引:

“您点击了UL 2/4上的链接5/10”

任何想法最简单的方法是什么?

1 个答案:

答案 0 :(得分:0)

我有一个提示。看看out =>

HTML

<ul>
     <li>1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
</ul>

和js:

$("ul li").click(function() {
    alert("You're clicked " + ($(this).index() + 1) + "/" + $("li", $(this).parent()).length)
});

演示:http://jsfiddle.net/UcjHU/1/