為jQuery增加join方法的實現(xiàn)代碼
更新時間：2010年11月28日 17:07:07 作者：
正在做一個在線書簽管理的站點，有需要這樣一個功能,把匹配節(jié)點的id或值拼合起來以用來傳遞參數(shù)。
查了一下,jquery沒有直接的方法，
不過有一個map方法，使用它很簡單就可以定義一個實現(xiàn)該功能的方法
jQuery.fn.join = function(sep,mapvalue){
return $.map(this,mapvalue).join(sep);
};
jQuery.fn.joinattr = function(sep,attr){
return this.join(sep,function(item){return $(item).attr(attr);});
};
jQuery.fn.joinvalue = function(sep){
return this.join(sep,function(item){return $(item).val();});
};
使用的時候
$("#getid").click(function(){
alert($("input").joinattr(",","id"));
});
$("#getvalue").click(function(){
alert($("input").joinvalue(","));
});
不過有一個map方法，使用它很簡單就可以定義一個實現(xiàn)該功能的方法
復(fù)制代碼 代碼如下:
jQuery.fn.join = function(sep,mapvalue){
return $.map(this,mapvalue).join(sep);
};
jQuery.fn.joinattr = function(sep,attr){
return this.join(sep,function(item){return $(item).attr(attr);});
};
jQuery.fn.joinvalue = function(sep){
return this.join(sep,function(item){return $(item).val();});
};
使用的時候
復(fù)制代碼 代碼如下:
$("#getid").click(function(){
alert($("input").joinattr(",","id"));
});
$("#getvalue").click(function(){
alert($("input").joinvalue(","));
});
相關(guān)文章
JQuery省市聯(lián)動效果實現(xiàn)過程詳解
這篇文章主要介紹了JQuery省市聯(lián)動效果實現(xiàn)過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了Jquery ajax基礎(chǔ)教程的相關(guān)資料,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了jquery密碼強度校驗，這是一個非常常見的功能，在輸入密碼的時候提示密碼的強度，本文使用jQuery來實現(xiàn)，有需要的小伙伴可以參考下。2015-12-12
jQuery訪問json文件中數(shù)據(jù)的方法示例
這篇文章主要介紹了jQuery訪問json文件中數(shù)據(jù)的方法,結(jié)合實力形式分析了jQuery事件響應(yīng)及json文件的加載、讀取、遍歷等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
下面小編就為大家?guī)硪黄獪\談jQuery 選擇器和dom操作。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
有朋友問GridView控件對于跨行合并的問題，這可以用控件嵌套來完成，當(dāng)然，我更喜歡在前臺來用JS來控制網(wǎng)頁元素的樣式，而后臺僅僅是根據(jù)客戶的請求，來返回數(shù)據(jù)。2011-09-09
picLazyLoad 實現(xiàn)圖片延時加載(包含背景圖片)
下面小編就為大家?guī)硪黄猵icLazyLoad 實現(xiàn)圖片延時加載(包含背景圖片)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
jQuery實現(xiàn)點擊按鈕文字變成input框點擊保存變成文字
這篇文章主要介紹了jQuery實現(xiàn)點擊按鈕文字變成input框點擊保存變成文字的相關(guān)資料，非常具有參考借鑒價值,需要的朋友可以參考下2016-05-05
jquery實現(xiàn)（textarea）placeholder自動換行
本文主要對jquery如何實現(xiàn)（textarea） placeholder自動換行的方法、思路進行介紹，下面就跟小編一起來看下吧2016-12-12
jquery each想必大家對此并不陌生吧，它的使用范圍還是比較廣泛的，下面與大家分享個示例來介紹jquery each的使用方法，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08