jQuery獲取陣列物件的值
阿新 • • 發佈：2019-02-17
在我們用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()方法方式三：$("input[name^='jQueryArray']").each(function(i){if(i == 2)alert(this.value);});
利用jQuery的each()函式來進行迴圈，獲取其中的值。注意的是這裡的this是原生DOM物件。