点击某一个标签的时候实时获取该标签在这类标签中的索引值,以便进行其他操作。

Posted 挥不去的执念

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击某一个标签的时候实时获取该标签在这类标签中的索引值,以便进行其他操作。相关的知识,希望对你有一定的参考价值。

在div中,有一类div标签,class值为div1,数量不等,有多个。我需要在点击某一个标签的时候实时获取该标签在这类标签中的索引值,以便进行其他操作。
<!DOCTYPE html>
<html>
<head>
  <style>
  div { width:60px; height:60px; margin:10px; float:left;
        border:2px solid blue; }
  .blue { background:blue; }
  </style>
  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>

<body>
  <div class="div1"></div>
  <div class="div1"></div>
  <div class="div1"></div>

  <div class="div1"></div>
  <div class="div1"></div>
  <div class="div1"></div>

  <script>
  $(".div1").click(function(){
  var index=$(".div1").index($(this));
  console.log(index);
  alert(index);
  })
  </script>
</body>
</html>

  

以上是关于点击某一个标签的时候实时获取该标签在这类标签中的索引值,以便进行其他操作。的主要内容,如果未能解决你的问题,请参考以下文章

js如何获取某id的子标签?

获取点击手势识别器的标签或索引

python+selenium遍历某一个标签中的内容

点击span标签中的文字如何触发一个链接,若用jquery的方法来用的话,又该如何做?

点击某按钮,select 标签获取焦点,弹出下拉菜单 ,怎么写?(最好用jquery)谢谢~ 在线等!@

js如何获取某id的子标签