在我们用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>
说明：
方式一：varorderId=$("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对象。
相关推荐
下面是示例代码的详细解释，它演示了如何获取数组对象的键和值： ```javascript // 定义一个包含多个对象的数组 var slideArray = [ { imgsrc1: "a.jpg" }, { imgsrc2: "b.jpg" }, { imgsrc3: "c.jpg" }, { ...
本文将详细介绍如何使用JQuery的index方法来获取Jquery对象数组下标，并结合实例，展示index方法的使用技巧。 首先，我们要知道index方法通常有两种使用方式。第一种方式是不带参数，返回的是当前jQuery对象在同级...
本主题将深入探讨如何使用jQuery库来实现数组、集合（如Java中的List）以及JSON类型的分页功能。jQuery作为一款强大的JavaScript库，简化了DOM操作，使得分页功能的实现变得更加简便。 首先，我们要理解分页的基本...
按所推荐的程序在IE下跑了下，的确，排序耗时很小。 代码如下: [removed] /* * 洗牌 */ function ... /* * 快速排序，按某个属性，或按“获取排序依据的函数”，来排序. * @method soryBy * @static * @
在jQuery中，我们可以使用`.slice()`方法来获取特定范围的数组元素，从而实现分页效果。 集合List的分页与数组类似，只是需要考虑List的特性和API。在Java中，List接口提供了如`.size()`用于获取元素数量，`....
数组的长度属性`length`可以用来获取数组当前的元素个数，也可以用来增加或减少数组的大小。 数组元素的操作还包括使用循环来遍历数组，最常见的是`for`循环。例如，遍历数组元素并弹出窗口显示它们： ```...
在使用jQuery处理页面中的对象数组时，开发者可能会遇到多种方法来实现相同的目的。然而，并非所有的方法都是有效的。本文将详细介绍在jQuery中操作对象数组元素的三种有效方法和一种错误方法。通过这些示例，我们能...
这种格式表示一个数组，其中每个元素本身又是一个键值对的对象。在JavaScript中，可以方便地遍历和操作这些数据。 在JQuery中，我们可以使用AJAX的`$.ajax()`或简化的`$.get()`、`$.post()`方法来发送请求并处理...
### jQuery 选择器与 jQuery 数组详解 #### jQuery 选择器概述 jQuery 是一款轻量级的 JavaScript 库，它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。jQuery 提供了一套强大的选择器，使得...
总结来说，jQuery的`$.map()`和`$.each()`提供了强大的数组和对象遍历能力，无论是处理传统的整数索引数组、键值对的JSON对象，还是jQuery对象数组，都能灵活应对。理解并熟练运用这两个方法，对于优化JavaScript...
它返回一个jQuery对象，可以通过`.get()`方法获取原始的JavaScript数组。 虽然在给定的描述中没有提供`map()`的示例代码，但通常使用方式如下： ```javascript var newArray = $.map(originalArray, function...
这里使用了jQuery的`$.each`方法遍历对象的所有键值对，并根据类型进行相应的处理，如对字符串类型的值进行引号包围等。 #### 方法二：使用内置方法 在现代JavaScript中，更推荐使用`JSON.stringify()`方法，这是一...
在jQuery中，没有直接用于获取URL参数的内置函数，但我们可以利用JavaScript的`location.search`属性和`split()`、`map()`、`reduce()`等数组方法来实现。以下是一种常见的实现方式： ```javascript function ...
在后台接收参数时，使用Java的HttpServletRequest对象来获取参数值，由于参数已经是JSON字符串的形式，所以可以使用String数组接收。示例中通过遍历所有参数名称，并打印出每一个参数值来展示获取的结果。在这个过程...
描述中提到了“使用JQuery获取数据”，jQuery是一个强大的JavaScript库，它简化了DOM操作、事件处理、动画和Ajax交互等任务。在获取数据方面，jQuery提供了`$.ajax()`，`$.getJSON()`，`$.get()`和`$.post()`等方法...
### AJAX传递List对象数组知识点详解 #### 一、前言 在Web开发中，前后端交互是必不可少的一个环节。AJAX作为一种实现异步加载数据的技术，可以有效地提升用户体验。本篇将详细介绍如何通过AJAX来传递一个List对象...
在JavaScript的世界里，jQuery库提供了一种优雅的方式来处理DOM操作，包括数组或对象集合的遍历，这通常通过`$.each()`方法实现。然而，与原生JavaScript的`for`循环不同，`$.each()`并不支持`break`和`continue`...
在本文中，我们将深入探讨Jquery操作js数组及对象的知识点，并通过实际的示例代码加以说明。首先，我们需要明确什么是Jquery以及它在操作数组和对象方面提供哪些方法。 Jquery是一个快速、小巧且功能丰富的...