jquery 点击一个元素 如何取得这个元素是父元素中第几个相同元素的下标？求救。。
比如<div><inputtype="botton"value="说明"><inputtype="botton"value="查看"><inputtype="botton...
比如
<div>
<input type="botton" value="说明">
<input type="botton" value="查看">
<input type="botton" value="提交">
</div>
<div>
<input type="botton" value="说明">
<input type="botton" value="查看">
<input type="botton" value="提交">
</div>
<div>
<input type="botton" value="说明">
<input type="botton" value="查看">
<input type="botton" value="提交">
</div>
<div>
<input type="botton" value="说明">
<input type="botton" value="查看">
<input type="botton" value="提交">
</div>
每一个div都是数据库中循环出来的结果，如果我点击任意一个“说明”的按钮，就得到1的值，点任意一个“查看”就得到2，点任意一个“提交”就得到3 请问这样的功能如何实现啊？？求救求救啦。。 展开
<div>
<input type="botton" value="说明">
<input type="botton" value="查看">
<input type="botton" value="提交">
</div>
<div>
<input type="botton" value="说明">
<input type="botton" value="查看">
<input type="botton" value="提交">
</div>
<div>
<input type="botton" value="说明">
<input type="botton" value="查看">
<input type="botton" value="提交">
</div>
<div>
<input type="botton" value="说明">
<input type="botton" value="查看">
<input type="botton" value="提交">
</div>
每一个div都是数据库中循环出来的结果，如果我点击任意一个“说明”的按钮，就得到1的值，点任意一个“查看”就得到2，点任意一个“提交”就得到3 请问这样的功能如何实现啊？？求救求救啦。。 展开
1个回答
展开全部
type应该是button吧？用index，很方便，如下
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script src="js/jquery-1.4.4.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("div :button").click(function(){
alert($(this).index()+1);
});
});
</script>
</script>
<body>
<div>
<input type="button" value="说明">
<input type="button" value="查看">
<input type="button" value="提交">
</div>
<div>
<input type="button" value="说明">
<input type="button" value="查看">
<input type="button" value="提交">
</div>
<div>
<input type="button" value="说明">
<input type="button" value="查看">
<input type="button" value="提交">
</div>
<div>
<input type="button" value="说明">
<input type="button" value="查看">
<input type="button" value="提交">
</div>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script src="js/jquery-1.4.4.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("div :button").click(function(){
alert($(this).index()+1);
});
});
</script>
</script>
<body>
<div>
<input type="button" value="说明">
<input type="button" value="查看">
<input type="button" value="提交">
</div>
<div>
<input type="button" value="说明">
<input type="button" value="查看">
<input type="button" value="提交">
</div>
<div>
<input type="button" value="说明">
<input type="button" value="查看">
<input type="button" value="提交">
</div>
<div>
<input type="button" value="说明">
<input type="button" value="查看">
<input type="button" value="提交">
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
