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

获取多个相同类名jquery的特定数据

jquery javascript

-1

principiorum · 技术社区 · 6 年前

嗨,我只是学习一下jquery 我有一个html代码

<a class="num" href="#" data="number1"> number1 </a>
<a class="num" href="#" data="number2"> number2 </a>
<a class="num" href="#" data="number3"> number3 </a>
<a class="num" href="#" data="number4"> number4 </a>
<a class="num" href="#" data="number5"> number5 </a>

我已经做过这样的事了:

$('.num').click(function(){
  var datas = $('.num').attr('data');
  alert(datas)
})

即使我点击了第四项或第五项,它也会保持警惕“数字1”?我的密码有问题吗?

2 回复 | 直到 6 年前

Death-is-the-real-truth 6 年前

你必须使用 this 引用当前单击的链接

$('.num').click(function(){
  var datas = $(this).attr('data');
  alert(datas)
})

工作代码段

$('.num').click(function(){
  var datas = $(this).attr('data');
  alert(datas)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a class="num" href="#" data="number1"> number1 </a><br>
<a class="num" href="#" data="number2"> number2 </a><br>
<a class="num" href="#" data="number3"> number3 </a><br>
<a class="num" href="#" data="number4"> number4 </a><br>
<a class="num" href="#" data="number5"> number5 </a>

CertainPerformance 6 年前

你应该参考 this 引用已单击的 <a> -然后,您可以访问 data

$('.num').click(function() {
  console.log(
    $(this).attr('data')
  );
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="num" href="#" data="number1"> number1 </a>
<a class="num" href="#" data="number2"> number2 </a>
<a class="num" href="#" data="number3"> number3 </a>
<a class="num" href="#" data="number4"> number4 </a>
<a class="num" href="#" data="number5"> number5 </a>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

7 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

7 月前

Alex · 在轻量级中同时解构和不解构变量

7 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

7 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

7 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

7 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

7 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

7 月前

user3472810 · Angular@Output/EventEmitter返回undefined

7 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

7 月前