jQuery获取数组对象的值

            在我们用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对象。

 

时间: 2025-01-07 04:44:10

jQuery获取数组对象的值的相关文章

数据-使用getString连续获取JSON对象的值,若其中一个无值,会怎么办?

问题描述 使用getString连续获取JSON对象的值,若其中一个无值,会怎么办? 我的代码: 如果被调用方法的JSON数组并不包含这样的JSON 健,我看了下api,如果没有value,会 这样的情况如果发生了,是不是后的代码就不执行了?还是说仅保存有值的,跳过无值的? 解决方案 是的,后面代码不执行了.你可以包装成一个函数,函数内用try catch吃掉异常,这样不会影响后面的执行. 如果我的回答帮到了你,希望采纳哦. 解决方案二: 基本的语法都不会.try遇到错误自然就转到catch了.

jquery获取JSON对象中数据的示例

 这篇文章主要介绍了jquery获取JSON对象中数据的示例,代码中有注释,大家参考使用吧    代码如下: $.ajax({             url: '这个地址要换成你自己的',             data: {S_CourseID: courseid , CurrTime : new Date().getTime()}, //加个时间戳,否则会不自动更新数据             dataType: 'json',             success: function

jquery获取当前元素索引值用法实例_jquery

本文实例讲述了jquery获取当前元素索引值用法.分享给大家供大家参考.具体如下: 今天在做促销页面的图片轮转效果时,下方页码的左边需要对应显示图片的说明信息,效果如下: 思路: 页面部分当为当前状态的时候,会添加"active"样式. 通过获取 li class="active" 的索引值,对应找到相应的图片说明信息,显示出来. 解决: 通过jquery的 index() 可以很轻松的实现该效果. 代码如下: HTML: <div id="caro

jquery获取页面meta属性值的例子

meta部分  代码如下 复制代码 <meta property="og:type" content="article" /> <meta property="og:url" content=http://www.111cn.net /> 1.使用jquery获取meta的content值  代码如下 复制代码 var m = $("meta[property=og:url]");    alert(m

jQuery获取checkbox选中的值_jquery

1.问题背景 有几个多选框,选择其中的几个,获取选中的值 2.设计结果如下图所示: 3.设计源码 <!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">

jquery获取css的color值返回RGB的方法_jquery

本文实例讲述了jquery获取css的color值返回RGB的方法.分享给大家供大家参考,具体如下: css代码如下: a, a:link, a:visited { color:#4188FB; } a:active, a:focus, a:hover { color:#FFCC00; } js代码如下: var link_col = $("a:link").css("color"); alert(link_col); // returns rgb(65, 136,

php获取数组中键值最大数组项的索引值[原创]_php技巧

本文实例讲述了php获取数组中键值最大数组项的索引值的方法.分享给大家供大家参考.具体分析如下: 一.问题: 从给定数组中获取值最大的数组项的键值.用途如:获取班级得分最高的学生的姓名. 二.解决方法: <?php /* * Created on 2015-3-17 * Created by www.jb51.net */ $arr=array('tom'=>9,'jack'=>3,'kim'=>5,'hack'=>4); asort($arr); //print_r($ar

js/jquery获取文本框的值与改变文本框的值

我们就用它来学习获取文本框的值及改变文本框的值.    代码如下 复制代码 <script> function get1() {  document.getElementById("txtbox2").value=document.getElementById("txtbox").value;  //获取文本框1的值,并赋值给文本框2 } </script> <table width="500" border=&qu

PHP数组操作——获取数组最后一个值的方法_php技巧

<?php $array=array(1,2,3,4,5); echo $array[count($array)-1];//计算数组长度,然后获取数组最后一个元素,如果数组中最后一个元素含有非数字键名,结果可能跟预期不符合 //适用于键名为数字的数组 echo '<br>'; echo end($array);//将数组的内部指针指向最后一个单元,适用于所有数组 echo '<br>'; rsort($array);//对数组逆向排序,如果数组中含有字母或汉字,结果可能不符合