代码之家 › 专栏 › 技术社区 › Tx3

如何检查已单击的项目的编号

jquery-selectors jquery

Tx3 · 技术社区 · 15 年前

假设我有许多带有click事件的项(所有项都有相同的元素名,并且可能有相同的类)。

<a>A</a>
<a>B</a>
<a>C</a>
<a>D</a>

然后我有一个在单击事件时触发的方法。如何检查已单击的项目的编号?

在这个例子中,如果点击了“C”,那么我应该得到3作为答案。

2 回复 | 直到 15 年前

Tatu Ulmanen 15 年前

你可以用 .prevAll() :

$('a').click(function() {
    alert($(this).prevAll('a').length + 1);
});

或者 .index() :

$('a').click(function() {
    alert($(this).index() + 1);
});

Chinmayee G 15 年前

你也可以使用 .index()

$("a").bind("click",function(){
    alert($(this).index());             // 0 indicates first item
});

推荐文章

Martin SpruÅ¡anský · 电子邮件输入未将电子邮件地址作为新闻稿订阅框中的有效输入

8 年前

luke · jQuery中的:valid和:invalid选择器

8 年前

Ian Vink · 向有条件的儿童添加类

8 年前

LMAOman · jQuery多选择器语法

8 年前

jayjaypg22 · 在多选择器中使用变量

8 年前

feetwet · 为什么是选择器。文本获取内部函数值?

8 年前

LeBlaireau · Jquery-使用数据属性选择父项

8 年前

Dipak · 如何显示当前李的独生子女并隐藏其他李子女

8 年前

TWiStErRob · 用于表中标签同级的jQuery选择器

8 年前

ToniWidmo · 在jquery中转义select选项值

8 年前