jquery点击按钮如何触发当前点击按钮对应的事件
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery点击按钮如何触发当前点击按钮对应的事件相关的知识,希望对你有一定的参考价值。
如图所示,有多条信息,点击一条信息的修改按钮,怎么才能弹出对应的弹出框。现在我点击其他数据的修改按钮,都弹出最后一条数据的弹出框。求大神指教
点击事件我就不需要讲了吧;主要是点击完数据对应的事,这个要用到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'。
);
); 参考技术A <!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
lifloat: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>
jquery怎么自动触发radio的点击事件
给对应的radio加个类名或者Id,然后在在需要触发的函数里写上对应radio的点击事件,如在页面加载完成时点击:
<input type="radio" class="radiobox" />$(document).ready(function()
$(".radiobox").click();
); 参考技术A
给对应的radio加个类名或者Id,然后在在需要触发的函数里写上对应radio的点击事件,如在页面加载完成时点击:
<inputtype="radio"class="radiobox"/>$(document).ready(function()
$(".radiobox").click();
);
<script type="text/javascript">
// 两秒后模拟点击
setTimeout(function()
// IE
if(document.all)
document.getElementById("clickMe").click();
// 其它浏览器
else
var e = document.createEvent("MouseEvents");
e.initEvent("click", true, true);
document.getElementById("clickMe").dispatchEvent(e);
, 2000);
</script>
<a href="#" id="clickMe" onclick="alert('clicked');">link</a>
以上是关于jquery点击按钮如何触发当前点击按钮对应的事件的主要内容,如果未能解决你的问题,请参考以下文章