基于jQuery的遍历同id元素 并响应事件的代码
更新时间：2012年06月14日 22:53:02 作者：
写网页的时候，脚本循环的时候有很多时候都会循环出来同id的网页元素，下面贴出来代码，如何利用jQuery对这些元素进行逐一遍历并可响应消息
完整测试代码：
<!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>jQuery遍历同id元素，并响应消息</title>
<script language="javascript" src="http://demo.jb51.net/jslib/jquery/jquery-1.7.2.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$("[id=test]").each(function(){
$(this).click(function(){
$(this).val('被单击');
alert('触发了单击消息!');
});
});
});
</script>
</head>
<body>
<label for="test"></label>
<input type="text" name="test" id="test" />
<br /><br />
<label for="test"></label>
<input type="text" name="test" id="test" />
</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>jQuery遍历同id元素，并响应消息</title>
<script language="javascript" src="http://demo.jb51.net/jslib/jquery/jquery-1.7.2.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$("[id=test]").each(function(){
$(this).click(function(){
$(this).val('被单击');
alert('触发了单击消息!');
});
});
});
</script>
</head>
<body>
<label for="test"></label>
<input type="text" name="test" id="test" />
<br /><br />
<label for="test"></label>
<input type="text" name="test" id="test" />
</body>
</html>
相关文章
下面小编就为大家带来一篇浅析jquery unbind()方法移除元素绑定的事件。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
如何从jQuery的ajax请求中删除X-Requested-With
X-Requested-With常用于判断是不是ajax请求，ajax请求中删除X-Requested-With的方法如下，感兴趣的朋友可以参考下2013-12-12
下面小编就为大家分享一篇JQuery选中select组件被选中的值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
删除HTML元素可以使用remove及empty，下面有关这两个方法的使用将以示例的方式为大家介绍下2014-08-08
这篇文章主要介绍了jQuery validate 验证radio实例代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
jQuery增加了并扩展了基本的事件处理机制，不但提供了更加优雅的事件处理语法，而且极大地增强了事件处理能力。本文将对此进行详细介绍，需要的朋友一起来看下吧2016-12-12
这篇文章主要为大家详细介绍了jquery插件编写countdown计时器，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-06-06
这篇文章主要介绍了jQuery简易时光轴实现方法,可实现点击底部链接动态加载内容的功能,涉及jQuery响应鼠标事件动态操作页面元素属性的相关实现技巧,需要的朋友可以参考下2017-03-03
使用 jQuery 将使 Ajax 变得及其简单。jQuery 提供有一些函数，可以使简单的工作变得更加简单，复杂的工作变得不再复杂。2010-04-04
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
这篇文章主要介绍了Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值的相关资料,需要的朋友可以参考下2016-03-03
最新评论