您的位置：首页 > 其它

点击对应的a标签返回相应的第几个

2015-08-31 19:32 295 查看
面试中遇到的问题，前两天一直没有解决，今天想想还是得要想办法才行，其实仔细想的话很简单，惭愧啊，面试的时候没有做出来！

题目是这样的，如果一个body中有5个a标签，当我们点击对应的a标签时，alert出相应的第几个元素，如点击第一个a标签时返回1，点击第二个a标签时返回2，以此类推.....

今天写的实现代码，静下心来想其实还是蛮简单的：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>点击对应的a标签给出相应的数字</title>
<script type="text/javascript" src = "jquery-1.8.1.js"></script>
</head>
<body>
<a href="#">点击</a>
<a href="#">点击</a>
<a href="#">点击</a>
<a href="#">点击</a>
<a href="#">点击</a>
<script type="text/javascript">
(function(){
$("a").click(function(){
var position = $("a").index(this);
alert(position+1);
});
})()
</script>
</body>
</html>


效果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航