您的位置:首页 > Web前端 > JQuery

jquery 获取 动态input 的id

2012-06-13 03:19 232 查看
<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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: