jquery获取被点击元素中的值
本文介绍了jquery获取被点击元素中的值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<button id="btn" data="1">1</button>
<button id="btn" data="2">2</button>
<button id="btn" data="3">3</button>
<button id="btn" data="4">4</button>
<script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
<script>
$('#btn').click(function(){
var p = $(this).attr('data');
alert(p);
});
</script>
我自己的代码如上,总共有四个按钮,但是只有点击第一个按钮的时候才有效,其他的都无效,求讲解
解决方案
id是唯一性的, 不能设置4个...
改成class
<button class="btn" data="1">1</button>
<button class="btn" data="2">2</button>
<button class="btn" data="3">3</button>
<button class="btn" data="4">4</button>
<script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
<script>
$('.btn').click(function(){
var p = $(this).attr('data');
alert(p);
});
</script>
这篇关于jquery获取被点击元素中的值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文