blocks|key|3991154|text|#是一个id选择器。它应该是唯一的。在jQuery中使用id选择器时，它总是返回第一个元素，因为它不希望找到更多的项。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3991155|更改您的代码|3991156|<a+data-index="1"+class="contact">Whatever</a>

$("a.contact").click(function()+{
++++var+data+=+$(this).data("index");
});|code-block|syntax|javascript|3991157|正如Eskat0n提到的，从jQuery+1.6开始，jQuery通过data()方法自动获取data-属性|3991158|entityMap^0|0|1|0|0|0|Z|6|1B|5|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|O|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|P|$]]

<code>#</code> is an id selector. Which should be unique. When using id-selector in jQuery, it will always return the first element, since it isn't expecting to find any more items.

Change your code 

<pre><code>&lt;a data-index="1" class="contact"&gt;Whatever&lt;/a&gt;

$("a.contact").click(function() {
 var data = $(this).data("index");
});
</code></pre>

And as Eskat0n mentions, since jQuery 1.6, jQuery automatically gets <code>data-</code> attributes via the <code>data()</code> method

blocks|key|421246|text|由于数据属性的jQuery+1.6.x值通过jQuery填充到与元素相关联的数据中，所以如果您的html看起来像<a+class="contact"+data-index="5"></a>，那么您的代码应该可以工作：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|421247|$("a.contact").click(function()+{
++var+data+=+$(this).data('index');
++//+data+is+"5"
});|code-block|syntax|javascript|421248|正如您所看到的，这是正确的：#用于通过id获取元素，而id必须是唯一的。对多个链接元素使用id的intead类。|421249|entityMap^0|1K|12|0|0|E|1|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

Since jQuery 1.6.x values of data attributes populates into data associated with element by jQuery, so if your html look like <code>&lt;a class="contact" data-index="5"&gt;&lt;/a&gt;</code> your code should work:

<pre><code>$("a.contact").click(function() {
 var data = $(this).data('index');
 // data is "5"
});
</code></pre>

As you can see there is correction: <code>#</code> used to get element by id which needed to be unique. Use class intead of id for multiply link elements.

blocks|key|2376069|text|$("a.contact").each(function()
{
++++$(this).click(function()
++++{
++++++++var+data+=+$(this).attr('data-index');
++++});
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2376070|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$("a.contact").each(function()
{
 $(this).click(function()
 {
 var data = $(this).attr('data-index');
 });
});
</code></pre>

blocks|key|421259|text|你想要.index()。如果链接列表是页面上的唯一列表，并且链接中混合了其他DOM元素，则This+fiddle指示如何使用它。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|421260|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/index/|1|http://jsfiddle.net/YJJr7/^0|3|8|0|19|B|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

You want <a href="http://api.jquery.com/index/" rel="nofollow">.index()</a>. <a href="http://jsfiddle.net/YJJr7/" rel="nofollow">This fiddle</a> indicates how it can be used if the list of links is the only list on the page and also if there are other DOM elements mixed in with the links.

I have a set links on a page like this

<pre><code>&lt;a href='' class='contact' data-index='1'&gt;One&lt;/a&gt;
&lt;a href='' class='contact' data-index='2'&gt;One&lt;/a&gt;
&lt;a href='' class='contact' data-index='3'&gt;One&lt;/a&gt;
</code></pre>

I am trying to return the value of the data-index of each link when it is clicked but Whenever I click on each link, the data-index of the first link is always returned because jQuery will select all the links with class = 'contact' on the page. 
I am trying to figure out how to select the data-index of the clicked link.

I use something like this :

<pre><code>var m_data = $("a#contact").attr("data-index");
</code></pre>

I've also tried something like this :

<pre><code>$("a#contact").click(function() {
 var data = $(this).data('index');
});
</code></pre>

but data was undefined.

Please how do I do this? Thanks.

Problem returning a value from clicked link

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我在像这样的页面上有一组链接<a href='' class='contact' data-index='1'>One</a><a href='' class='contact' data-index='2'>One</a><a href='' class='contact' data-index='3'>One</a...

问从单击的链接返回值时出现问题
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从单击的链接返回值时出现问题EN