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"/>&#36;(document).ready(function()

&#36;(".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点击按钮如何触发当前点击按钮对应的事件的主要内容,如果未能解决你的问题,请参考以下文章

C# 点击当前页面按钮触发另一个窗口的事件

如何调用jquery函数然后触发按钮的点击事件?

jquery怎么自动触发radio的点击事件

JS实现鼠标点击一个按钮不同次数触发不同事件

用jquery代码如何实现当我点击“查看”按钮时,在弹出窗口或弹出页面,显示数据库的详细数据

jquery怎么自动触发radio的点击事件