jQuery获取数组对象的值

简介:             在我们用jQuery开发的时候会遇到这样的情况,name有多个或者相似的name有多个。这时候我们需要获取其中某一个的值或者要分别获取他们的值,这时候我们可以用jQuery先获取一个对象数组,然后再获取其中的一个值。先把代码奉上: <html> <head> <meta charset="utf-8"/> <ti

            在我们用jQuery开发的时候会遇到这样的情况,name有多个或者相似的name有多个。这时候我们需要获取其中某一个的值或者要分别获取他们的值,这时候我们可以用jQuery先获取一个对象数组,然后再获取其中的一个值。先把代码奉上:

<html>
	<head>
		<meta charset="utf-8"/>
		<title>jQuery获取多个数组的值</title>
		<script src="../js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			function testjQueryArray(){
				alert($("input[name='jQueryArray']")[0].value);
				alert($($("input[name='jQueryArray']")[1]).val());
				$("input[name^='jQueryArray']").each(function(i){
					if(i == 2)
						alert(this.value);
				});
				$("input[name^='jQueryArray']").each(function(i){
					if(i == 0)
						alert($(this).val());
				});
			}
		</script>
	</head>	
	<body>
		<input type="text" name="jQueryArray" value="1111"/><br/>
		<input type="text" name="jQueryArray" value="1221"/><br/>
		<input type="text" name="jQueryArray" value="1331"/><br/>
		<input type="button" value="点击一下吧" onclick="testjQueryArray()"><br/>
		<input type="button" name="bindFun" value="运行时绑定" />
	</body>
	<script>
		$(
			$("[name='bindFun']").on("click",function(){
				alert($("input[name='jQueryArray']")[0].value);
				alert($($("input[name='jQueryArray']")[1]).val());
				$("input[name^='jQueryArray']").each(function(i){
					if(i == 2)
						alert(this.value);
				});
				$("input[name^='jQueryArray']").each(function(i){
					if(i == 0)
						alert($(this).val());
				});
			})
		);
	</script>
</html>

说明:

方式一: var orderId = $("input[name='jQueryArray']")[0].value;

          $("input[name='jQueryArray']")[0] 为一个Input对象,所以可以直接用原生JS的对象.value来获取                            

方式二:$($("input[name='jQueryArray']")[i]).val();

               $("input[name='jQueryArray']")[i] 为一个Input对象所以不能调用jQuery里的val()方法如果要用jQuery里的val()方法,需要将$("input[name='jQueryArray']")[i]转换为jQuery对象,即$($("input[name='ajaxOrderId']")[i]);

方式三:$("input[name^='jQueryArray']").each(function(i){if(i == 2)alert(this.value);});

                        利用jQuery的each()函数来进行循环,获取其中的值。注意的是这里的this是原生DOM对象。


 

相关文章
|
4月前
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
4月前
|
JavaScript
jQuery学习(六)—jQuery对象的创建
jQuery学习(六)—jQuery对象的创建
|
5月前
|
JavaScript 前端开发 开发者
jQuery文档对象模型DOM的实际应用
jQuery文档对象模型DOM的实际应用
30 0
|
3月前
|
JavaScript 小程序 前端开发
jQuery 同时获取多个标签的指定内容并储存为数组
jQuery 同时获取多个标签的指定内容并储存为数组
|
4月前
|
JavaScript
【jQuery学习】—jQuery对象的访问
【jQuery学习】—jQuery对象的访问
|
4月前
|
JavaScript
【jQuery学习】—jQuery对象的串联
【jQuery学习】—jQuery对象的串联
|
4月前
|
JavaScript 前端开发
【jQuery学习】—jQuery对象的过滤
【jQuery学习】—jQuery对象的过滤
|
4月前
|
JavaScript
jQuery学习(二)—jQuery对象的获取
jQuery学习(二)—jQuery对象的获取
|
5月前
|
JSON JavaScript 数据格式
jQuery将数组转化成对象
jQuery将数组转化成对象
19 0
|
5月前
|
JavaScript 前端开发
JQuery 获取选中多选框的value,合并成数组传给后台
JQuery 获取选中多选框的value,合并成数组传给后台
22 0