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

<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……

#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试试，是不是你想要的

#1

#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……

#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 如何获取点击了第几个元素

18 个解决方案

#1

#2

#3

#4

#5

#6

#7

#8

#9

#10

#11

#12

#13

#14

#15

#16

#17

#18

#1

#2

#3

#4

#5

#6

#7

#8

#9

#10

#11

#12

#13

#14

#15

#16

#17

#18

相关文章