jquery 获取 动态input等元素的id
2016-06-07 18:06
543 查看
<html>
<head>
<script src="jquery-1.3.2.min.js"></script>
</head>
<body>
<input type="text" id="2"/>
<input type="text" id="3"/>
<input type="text" id="4"/>
<input type="text" id="5"/>
<input type="text" id="6"/>
<input type="text" id="7"/>
<script>
var input1 =$("input").eq(0);//取出第一个input
var id1=input1.attr("id");//取出第一个input的id
alert(id1)
var input2 =$("input").eq(1);//取出第二个input
var id2=input2.attr("id");//取出第二个input的id
alert(id2)
var input3 =$("input").eq(2);//取出第三个input
var id3=input3.attr("id");//取出第三个input
alert(id3)
//jQuery获取页面的全部的input 然后循环所有的input
var inputArray=$("input")//取到所有的input 并且放到一个数组中
inputArray.each(//使用数组的循环函数 循环这个input数组
function (){
var input =$(this);//循环中的每一个input元素
alert(input.attr("id"))//查看循环中的每一个input的id
}
)
//也可以使用下面的for循环来循环input数组
for(var i=0;i<inputArray.length;i++){//循环整个input数组
var input =inputArray[i];//取到每一个input
alert(input.id);
}
</script>
</body>
</html>
<head>
<script src="jquery-1.3.2.min.js"></script>
</head>
<body>
<input type="text" id="2"/>
<input type="text" id="3"/>
<input type="text" id="4"/>
<input type="text" id="5"/>
<input type="text" id="6"/>
<input type="text" id="7"/>
<script>
var input1 =$("input").eq(0);//取出第一个input
var id1=input1.attr("id");//取出第一个input的id
alert(id1)
var input2 =$("input").eq(1);//取出第二个input
var id2=input2.attr("id");//取出第二个input的id
alert(id2)
var input3 =$("input").eq(2);//取出第三个input
var id3=input3.attr("id");//取出第三个input
alert(id3)
//jQuery获取页面的全部的input 然后循环所有的input
var inputArray=$("input")//取到所有的input 并且放到一个数组中
inputArray.each(//使用数组的循环函数 循环这个input数组
function (){
var input =$(this);//循环中的每一个input元素
alert(input.attr("id"))//查看循环中的每一个input的id
}
)
//也可以使用下面的for循环来循环input数组
for(var i=0;i<inputArray.length;i++){//循环整个input数组
var input =inputArray[i];//取到每一个input
alert(input.id);
}
</script>
</body>
</html>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码