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