jQuery如何獲取同一個(gè)類標(biāo)簽的所有值(默認(rèn)無法獲取)

更新時(shí)間：2014年09月25日 16:00:23 投稿：whsnow

jQuery總是只返回第一個(gè)類標(biāo)簽的值，所以無法達(dá)到我們的要求，那么jQuery如何獲取同一個(gè)類標(biāo)簽的所有的值，下面與大家分享方法

碰巧在開發(fā)的時(shí)候遇到這個(gè)問題，因?yàn)閖Query總是只返回第一個(gè)類標(biāo)簽的值，所以無法達(dá)到我們的要求。

比如：

復(fù)制代碼代碼如下:

var btn = jQuery('.btn').val();

獲取的只是第一個(gè)類標(biāo)簽為btn的html元素的value值。

要獲得一組類標(biāo)簽的所有html元素的值。就得使用jQuery的each遍歷。

復(fù)制代碼代碼如下:

var btns = new Array(); //或者寫成：var btns= [];

jQuery('.btn').each(function(key,value){

btns[key] = $(this).val();

//或者也可以這么寫：

// btns[key] = $(value).val();
});

您可能感興趣的文章:

相關(guān)文章

3種Jquery限制文本框只能輸入數(shù)字字母的方法
這篇文章主要介紹了3種Jquery限制文本框只能輸入數(shù)字字母的方法,簡單又實(shí)用，需要的朋友可以參考下
2014-12-12
jQuery zTree樹插件簡單使用教程
這篇文章主要為大家詳細(xì)介紹了jQuery zTree樹插件簡單使用教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
12款經(jīng)典的白富美型—jquery圖片輪播插件—前端開發(fā)必備
圖片輪播是網(wǎng)站中的常用功能，用于在有限的網(wǎng)頁空間內(nèi)展示一組產(chǎn)品圖片或者照片，同時(shí)還有非常吸引人的動(dòng)畫效果,本文向大家推薦12款實(shí)用的 jQuery 圖片輪播效果插件感興趣的朋友可以了解下哦
2013-01-01
Jquery on綁定的事件觸發(fā)多次實(shí)例代碼
下面小編就為大家?guī)硪黄狫query on綁定的事件觸發(fā)多次實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-12-12
jQuery實(shí)用函數(shù)用法總結(jié)
這篇文章主要介紹了jQuery實(shí)用函數(shù)用法總結(jié),匯總了jQuery常用的函數(shù)及相關(guān)技巧,需要的朋友可以參考下
2014-08-08
使用Jquery打造最佳用戶體驗(yàn)的登錄頁面的實(shí)現(xiàn)代碼
使用Jquery打造最佳用戶體驗(yàn)的登錄頁面的實(shí)現(xiàn)代碼，改用jquery使用ajax異步驗(yàn)證，并在驗(yàn)證的過程中將頁面元素設(shè)置為不可用，防止重復(fù)登錄。
2011-07-07
jQuery動(dòng)畫效果相關(guān)方法實(shí)例分析
這篇文章主要介紹了jQuery動(dòng)畫效果相關(guān)方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery實(shí)現(xiàn)動(dòng)畫效果所用到的常見方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2015-12-12
jquery統(tǒng)計(jì)輸入文字的個(gè)數(shù)并對(duì)其進(jìn)行判斷
判斷輸入文字個(gè)數(shù)并提示還可以輸入多少個(gè)字，類似的功能使用jquery便可輕松實(shí)現(xiàn)
2014-01-01
用jQuery獲取IE9下拉框默認(rèn)值問題探討
本文與大家詳細(xì)探討下用jQuery獲取IE9下拉框默認(rèn)值的問題,如果下拉框沒有空默認(rèn)值會(huì)怎么樣等一系列問題，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
2013-07-07
很酷的60款jQuery 幻燈片演示和下載
jQuery 是一個(gè)非常優(yōu)秀的 JavaScript 框架，使用簡單靈活，同時(shí)還有許多成熟的插件可供選擇，它可以幫助你在項(xiàng)目中加入漂亮的效果，其中之一就是幻燈片效果的實(shí)現(xiàn)，這是一種在有限的網(wǎng)頁空間內(nèi)展示系列項(xiàng)目時(shí)非常好的方法
2012-05-05