jQuery如何獲取同一個(gè)類(lèi)標(biāo)簽的所有值(默認(rèn)無(wú)法獲取)
更新時(shí)間：2014年09月25日 16:00:23 投稿：whsnow
jQuery總是只返回第一個(gè)類(lèi)標(biāo)簽的值，所以無(wú)法達(dá)到我們的要求，那么jQuery如何獲取同一個(gè)類(lèi)標(biāo)簽的所有的值，下面與大家分享方法
碰巧在開(kāi)發(fā)的時(shí)候遇到這個(gè)問(wèn)題，因?yàn)閖Query總是只返回第一個(gè)類(lèi)標(biāo)簽的值，所以無(wú)法達(dá)到我們的要求。
比如：
復(fù)制代碼 代碼如下:
var btn = jQuery('.btn').val();
獲取的只是第一個(gè)類(lèi)標(biāo)簽為btn的html元素的value值。
要獲得一組類(lèi)標(biāo)簽的所有html元素的值。就得使用jQuery的each遍歷。
復(fù)制代碼 代碼如下:
var btns = new Array(); //或者寫(xiě)成：var btns= [];
jQuery('.btn').each(function(key,value){
btns[key] = $(this).val();
//或者也可以這么寫(xiě)：
// btns[key] = $(value).val();
});
您可能感興趣的文章:
- jquery tab標(biāo)簽頁(yè)的制作
- jQuery EasyUI API 中文文檔 - Tabs標(biāo)簽頁(yè)/選項(xiàng)卡
- jquery 實(shí)現(xiàn)兩Select 標(biāo)簽項(xiàng)互調(diào)示例代碼
- jquery獲得同源iframe內(nèi)body下標(biāo)簽的值的方法
- jQuery 動(dòng)態(tài)云標(biāo)簽插件
- jQuery實(shí)現(xiàn)tab標(biāo)簽自動(dòng)切換的方法
- jQuery實(shí)現(xiàn)當(dāng)前頁(yè)面標(biāo)簽高亮顯示的方法
- jquery實(shí)現(xiàn)標(biāo)簽支持圖文排列帶上下箭頭按鈕的選項(xiàng)卡
- jQuery標(biāo)簽編輯插件Tagit使用指南
- jquery實(shí)現(xiàn)標(biāo)簽上移、下移、置頂
- JQuery中兩個(gè)ul標(biāo)簽的li互相移動(dòng)實(shí)現(xiàn)方法
- jQuery實(shí)現(xiàn)將頁(yè)面上HTML標(biāo)簽換成另外標(biāo)簽的方法
- jQuery實(shí)現(xiàn)模擬marquee標(biāo)簽效果
- jQuery實(shí)現(xiàn)平滑滾動(dòng)的標(biāo)簽分欄切換效果
- JQuery標(biāo)簽頁(yè)效果的兩個(gè)實(shí)例講解（4）
相關(guān)文章
這篇文章主要介紹了3種Jquery限制文本框只能輸入數(shù)字字母的方法,簡(jiǎn)單又實(shí)用，需要的朋友可以參考下2014-12-12
jQuery zTree樹(shù)插件簡(jiǎn)單使用教程
這篇文章主要為大家詳細(xì)介紹了jQuery zTree樹(shù)插件簡(jiǎn)單使用教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
12款經(jīng)典的白富美型—jquery圖片輪播插件—前端開(kāi)發(fā)必備
圖片輪播是網(wǎng)站中的常用功能，用于在有限的網(wǎng)頁(yè)空間內(nèi)展示一組產(chǎn)品圖片或者照片，同時(shí)還有非常吸引人的動(dòng)畫(huà)效果,本文向大家推薦12款實(shí)用的 jQuery 圖片輪播效果插件感興趣的朋友可以了解下哦2013-01-01
Jquery on綁定的事件 觸發(fā)多次實(shí)例代碼
下面小編就為大家?guī)?lái)一篇Jquery on綁定的事件 觸發(fā)多次實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
這篇文章主要介紹了jQuery實(shí)用函數(shù)用法總結(jié),匯總了jQuery常用的函數(shù)及相關(guān)技巧,需要的朋友可以參考下2014-08-08
使用Jquery打造最佳用戶(hù)體驗(yàn)的登錄頁(yè)面的實(shí)現(xiàn)代碼
使用Jquery打造最佳用戶(hù)體驗(yàn)的登錄頁(yè)面的實(shí)現(xiàn)代碼，改用jquery使用ajax異步驗(yàn)證，并在驗(yàn)證的過(guò)程中將頁(yè)面元素設(shè)置為不可用，防止重復(fù)登錄。2011-07-07
jQuery動(dòng)畫(huà)效果相關(guān)方法實(shí)例分析
這篇文章主要介紹了jQuery動(dòng)畫(huà)效果相關(guān)方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery實(shí)現(xiàn)動(dòng)畫(huà)效果所用到的常見(jiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2015-12-12
jquery統(tǒng)計(jì)輸入文字的個(gè)數(shù)并對(duì)其進(jìn)行判斷
判斷輸入文字個(gè)數(shù)并提示還可以輸入多少個(gè)字，類(lèi)似的功能使用jquery便可輕松實(shí)現(xiàn)2014-01-01
用jQuery獲取IE9下拉框默認(rèn)值問(wèn)題探討
本文與大家詳細(xì)探討下用jQuery獲取IE9下拉框默認(rèn)值的問(wèn)題,如果下拉框沒(méi)有空默認(rèn)值會(huì)怎么樣等一系列問(wèn)題，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
jQuery 是一個(gè)非常優(yōu)秀的 JavaScript 框架，使用簡(jiǎn)單靈活，同時(shí)還有許多成熟的插件可供選擇，它可以幫助你在項(xiàng)目中加入漂亮的效果，其中之一就是幻燈片效果的實(shí)現(xiàn)，這是一種在有限的網(wǎng)頁(yè)空間內(nèi)展示系列項(xiàng)目時(shí)非常好的方法2012-05-05