现在的位置: 网页制作教程网站制作教程 >正文
jquery相关教程

jquery获取鼠标点击指定class元素的id值

发表于2016/12/14 网站制作教程 0条评论 ⁄ 热度 3,843℃

有几个相同class类的元素,每个元素都有不同id值。需求是鼠标点击元素,就能获得该元素的id值。例如:

jquery获取id值

html 代码:
  1. <div class="pig" id="uid1">1</div>
  2. <div class="pig" id="uid2">2</div>
  3. <div class="pig" id="uid3">3</div>
  4. <div class="pig" id="uid4">4</div>

实现代码:

javascript 代码:
  1. $(".pig").each(function(){
  2. $(this).click(function(){
  3. var imgid = $(this).attr("id");
  4. alert(imgid );
  5. })
  6. });

通过以上代码就能利用jquery获取到鼠标点击的元素id值。

  • 暂无评论