jquery 如何获取点击了第几个元素

时间:2021-11-08 09:04:26
<a href="">百度</a>
<a href="">google</a>
<a href="">msn</a>
<a href="">qq</a>
<a href="">sina</a>


jquery 能知道,点击了第几个元素吗?

比如我点了百度,返回0
点了msn,返回2

18 个解决方案

#1


<div id='div'>
<a href="">百度</a>
<a href="">google</a>
<a href="">msn</a>
<a href="">qq</a>
<a href="">sina</a>
</div>
$("#div")下的所有超链接,循环加click 事件 ,取超链接的VALUE

jequery 忘了 思路还是有点

#2


学习帮顶~

#3




        $("a").hover(function() {
            alert($("a").index(this));
        }); 


LZ试试,是不是你想要的

#4


jQuery获取当前元素的索引值
$("a").hover(function(){ 
alert($("a").index(this)); 
}); 

#5


$("div a").bind("click", function() {
     alert($("div a").index(this));
});

#6


上面 都说了

#7



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="Sandy(阿非)">
  <META NAME="Keywords" CONTENT="Sandy,阿非">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script>
$(function(){
$('a').each(function(i){
this.onclick=function(){
alert(i);
return false;
};
});
});
</script>
 </HEAD>

 <BODY>
 <a href="">百度</a>
<a href="">google</a>
<a href="">msn</a>
<a href="">qq</a>
<a href="">sina</a>

 </BODY>
</HTML>

#8


引用 7 楼 sandy945 的回复:
HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTE……

 Up

#9


帮忙顶

#10



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="Sandy(阿非)">
  <META NAME="Keywords" CONTENT="Sandy,阿非">
  <META NAME="Description" CONTENT="">

<script>
window.onload=function(){

var a=document.getElementsByTagName("a");

if(!a) return;

for(var i=0,len=a.length;i<len;i++)
{
(function(){
           var temp=i;
a[i].onclick=function(){
alert(temp);
return false;
};
       })();
}
}
</script>
 </HEAD>

 <BODY>
 <a href="">百度</a>
<a href="">google</a>
<a href="">msn</a>
<a href="">qq</a>
<a href="">sina</a>

 </BODY>
</HTML>

#11


mark

#12


用$('a').each(function(i){
   alert(i);
});

#13


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script type="text/javascript" src="jquery-1.1.3.1.js"></script>
    <script type="text/javascript">
    $(function()
    {
      $("a").bind("click",function()
      {
        alert($("a").index(this));
      }
      )
    }
    )
    </script>
</head>
<body>
<a href="">百度</a>
<a href="">google</a>
<a href="">msn</a>
<a href="">qq</a>
<a href="">sina</a>
</body>
</html>

#14


都说了 我只能顶了。mark 

#15


帮         顶



                                        

#16


引用 14 楼 jason_dct 的回复:
都说了 我只能顶了。mark

我也是只有这样了

#17


应该是散分贴- -

#18


引用 3 楼  的回复:
JScript code


        $("a").hover(function() {
            alert($("a").index(this));
        }); 



LZ试试,是不是你想要的
jquery 如何获取点击了第几个元素

#1


<div id='div'>
<a href="">百度</a>
<a href="">google</a>
<a href="">msn</a>
<a href="">qq</a>
<a href="">sina</a>
</div>
$("#div")下的所有超链接,循环加click 事件 ,取超链接的VALUE

jequery 忘了 思路还是有点

#2


学习帮顶~

#3




        $("a").hover(function() {
            alert($("a").index(this));
        }); 


LZ试试,是不是你想要的

#4


jQuery获取当前元素的索引值
$("a").hover(function(){ 
alert($("a").index(this)); 
}); 

#5


$("div a").bind("click", function() {
     alert($("div a").index(this));
});

#6


上面 都说了

#7



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="Sandy(阿非)">
  <META NAME="Keywords" CONTENT="Sandy,阿非">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script>
$(function(){
$('a').each(function(i){
this.onclick=function(){
alert(i);
return false;
};
});
});
</script>
 </HEAD>

 <BODY>
 <a href="">百度</a>
<a href="">google</a>
<a href="">msn</a>
<a href="">qq</a>
<a href="">sina</a>

 </BODY>
</HTML>

#8


引用 7 楼 sandy945 的回复:
HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTE……

 Up

#9


帮忙顶

#10



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="Sandy(阿非)">
  <META NAME="Keywords" CONTENT="Sandy,阿非">
  <META NAME="Description" CONTENT="">

<script>
window.onload=function(){

var a=document.getElementsByTagName("a");

if(!a) return;

for(var i=0,len=a.length;i<len;i++)
{
(function(){
           var temp=i;
a[i].onclick=function(){
alert(temp);
return false;
};
       })();
}
}
</script>
 </HEAD>

 <BODY>
 <a href="">百度</a>
<a href="">google</a>
<a href="">msn</a>
<a href="">qq</a>
<a href="">sina</a>

 </BODY>
</HTML>

#11


mark

#12


用$('a').each(function(i){
   alert(i);
});

#13


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script type="text/javascript" src="jquery-1.1.3.1.js"></script>
    <script type="text/javascript">
    $(function()
    {
      $("a").bind("click",function()
      {
        alert($("a").index(this));
      }
      )
    }
    )
    </script>
</head>
<body>
<a href="">百度</a>
<a href="">google</a>
<a href="">msn</a>
<a href="">qq</a>
<a href="">sina</a>
</body>
</html>

#14


都说了 我只能顶了。mark 

#15


帮         顶



                                        

#16


引用 14 楼 jason_dct 的回复:
都说了 我只能顶了。mark

我也是只有这样了

#17


应该是散分贴- -

#18


引用 3 楼  的回复:
JScript code


        $("a").hover(function() {
            alert($("a").index(this));
        }); 



LZ试试,是不是你想要的
jquery 如何获取点击了第几个元素