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对象。

时间: 2024-10-03 04:13:36

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

IE8下Jquery获取select选中的值的问题

我们一般使用jquery获取select时,一般这么用: <select id='a'>     <option selected='selected' value='1'> </select> var selectedValue = $("#a").val(); 在非IE8下,selectedValue的值为"1",typeof selectedValue 为"string". 在IE8下,selectedV

第三节 java 数组(循环遍历、获取数组的最值(最大值和最小值)、选择排序、冒泡排序、练习控制台输出大写的A)

获取数组的最值(最大值和最小值) 思路: 1.获取最值需要进行比较,每一次比较都会有一个较大的值,因为该 值不确定,需要一个变量进行临储. 2.让数组中的每一个元素都和这个变量中的值进行比较,如果大于了 变量中的值,就用该变量记录较大值. 3.当所有的元素都比较完成,那么该变量中存储的就是数组中最大值 例子://最大值 int arr[] = {1,2,3,4,5,}; int max = arr[0]; for(int a=0;a<arr.length;a++){ {if(arr[a])>a

jQuery获取checkbox选中的值

1.问题背景 有几个多选框,选择其中的几个,获取选中的值 2.设计源码 <!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>

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

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

jquery获取单选按钮选中的值

在页面上单选按钮的代码: <s:iterator value="@[email protected]"> <input type="radio" <s:if test="key eq record.is_com">checked</s:if> value="${key}" name="record.is_com"/>${value}    </s:ite

Jquery获取列表中的值和input单选、多选框控制选中与取消

一.Jquery获取列表中的值 二.input多选框控制选中 1 $('#clearbtn').click(function(){ 2 var boxes = $("input[type='checkbox']"); 3 for(i=0;i<boxes.length;i++){ 4 boxes[i].checked = false; 5 } 6 });

jquery 获取下拉框值与select text

下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. 下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. jquery获取select选择的文本与值 获取select : 获取select 选中的 text : $("#ddlregtype").find("option:selected").tex

Jquery 获取所有对象的第一个子元素

转自:http://blog.sina.com.cn/s/blog_5fdbd0410100pmnn.html <ul>  <li>John</li>  <li>Karl</li>  <li>Brandon</li></ul> 获取第一个元素:  $("ul li:first-child") <div id="getfirst"> <ul>    

jQuery 获取多选框值,以及多选框中文的函数实践 by FungLeo

jQuery 获取多选框值,以及多选框中文的函数实践 by FungLeo 前言 本方法是我刚在项目中用的方法.可能有更加好的方法.但我不清楚. 搜索了几个方法,好像都有错误,不知道是别人的错误,还是我的错误.因此,我自己构造了以下方法,便于我在实践中使用. 分享出来,有谬误请大家指出. DOM结构 我的多选框的dom结构,都是下面这种的.都是基础知识,不做过多阐述. <label class="input_checkbox"> <input type="c