jQuery技术

jQuery获取数组对象的值

字号+ 作者:H5之家 来源:H5之家 2017-12-15 09:26 我要评论( )

jQuery获取数组对象的值,在我们用jQuery开发的时候会遇到这样的情况,name有多个或者相似的name有多个。这时候我们需要获取其中某一个的值或者要分别获取他们的

在我们用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" value="1111"/><br/> <input type="text" value="1221"/><br/> <input type="text" value="1331"/><br/> <input type="button" value="点击一下吧"><br/> <input type="button" 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对象。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Jquery的$.ajax()方法详解

    Jquery的$.ajax()方法详解

    2017-12-15 13:32

  • JavaScript+jQuery网页前端教程

    JavaScript+jQuery网页前端教程

    2017-12-14 18:00

  • Vue 中使用 jQuery的方法教程

    Vue 中使用 jQuery的方法教程

    2017-12-14 17:52

  • JQuery中模拟image的ajaxPrefilter与ajaxTransport处理

    JQuery中模拟image的ajaxPrefilter与ajaxTransport处理

    2017-12-14 09:01

网友点评