jquery点击按钮如何触发当前点击按钮对应的事件
发布网友
发布时间：2022-04-22 01:07
共2个回答
热心网友
时间：2022-04-09 13:22
点击事件我就不需要讲了吧；
主要是点击完数据对应的事，这个要用到ajax
$.ajax({
type:'get',
url:'xxxx/xxxx?type=new_list_xxx',
data:{},
success:function(data){
data = eavl('('+data+')');
var html = ""
//ps:上面这个代码就是基本的ajax获取接口传过来的json数据，这个你会吧，我就不讲了，看下面重点代码；
$.each(data,function(index,value){
html+='<li><a href="new_list_xxx.html?id='+value.id+'">value.title</a></li>'
//PS:这个就是你要点击以后对应的一个路径也好弹出框也好，首先都要从接口里面获取到这个数据的id也就是value.id，否则你是对应不起来的，这个value.id必须后台开发程序员给你一个接口获取也就是 url:'xxxx/xxxx?type=new_list_xxx'。
});
}
});
热心网友
时间：2022-04-09 14:40
<!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>
<style>
ul{ clear:both}
li{float:left; width:120px; padding:0; margin:0;}
</style>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$(".class_2").click(function(){
//定位到当前第几行的信息
var index=$(".class_2").index($(this));
//定位到第几行，得到信息
alert($(".class_1").eq(index).text());
});
});
</script>
</head>
<body>
<div>
<ul>
<li>类目名称</li>
<li>操作</li>
</ul>
<ul>
<li class="class_1">数据1</li>
<li class="class_2">修改</li>
</ul>
<ul>
<li class="class_1">数据2</li>
<li class="class_2">修改</li>
</ul>
<ul>
<li class="class_1">数据3</li>
<li class="class_2">修改</li>
</ul>
<ul>
<li class="class_1">数据4</li>
<li class="class_2">修改</li>
</ul>
<ul>
<li class="class_1">数据5</li>
<li class="class_2">修改</li>
</ul>
</div>
</body>
</html>
