為jQuery增加join方法的實(shí)現(xiàn)代碼
更新時(shí)間：2010年11月28日 17:07:07 作者：
正在做一個(gè)在線書簽管理的站點(diǎn)，有需要這樣一個(gè)功能,把匹配節(jié)點(diǎn)的id或值拼合起來以用來傳遞參數(shù)。
查了一下,jquery沒有直接的方法，
不過有一個(gè)map方法，使用它很簡單就可以定義一個(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(","));
});
不過有一個(gè)map方法，使用它很簡單就可以定義一個(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實(shí)現(xiàn)點(diǎn)擊按鈕文字變成input框點(diǎn)擊保存變成文字
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊按鈕文字變成input框點(diǎn)擊保存變成文字的相關(guān)資料，非常具有參考借鑒價(jià)值,需要的朋友可以參考下2016-05-05
這篇文章主要為大家詳細(xì)介紹了jQuery點(diǎn)擊輸入框顯示驗(yàn)證碼圖片，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
寫js已經(jīng)有很久了，但是對(duì)js的詳細(xì)了解還是很膚淺的，這幾天在看jquery，在其中有一些新的發(fā)現(xiàn)和體會(huì)，記錄下來2011-11-11
本篇文章主要介紹了jQuery中l(wèi)ayer分頁器的使用，實(shí)例介紹了layer分頁器的技巧，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2017-03-03
jQuery是當(dāng)今最流行Web開發(fā)必備javascript庫。本文收集了18個(gè)很棒的jQuery代碼片段，希望這些代碼片段能對(duì)大家有幫助。2015-11-11
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡單QQ聊天框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了Jquery技巧(必須掌握)的相關(guān)資料,需要的朋友可以參考下2016-03-03
基于jquery的監(jiān)控?cái)?shù)據(jù)是否發(fā)生改變
在實(shí)際開發(fā)中經(jīng)常會(huì)遇到數(shù)據(jù)沒發(fā)生改變是，由于用戶不小心點(diǎn)擊保存，這樣導(dǎo)致數(shù)據(jù)庫的日志增大；還有數(shù)據(jù)填寫好后，忘了添加保存直接關(guān)閉頁面離開。2011-04-04
基于jQuery.validate及Bootstrap的tooltip開發(fā)氣泡樣式的表單校驗(yàn)組件思路詳解
這篇文章主要介紹了基于jQuery.validate及Bootstrap的tooltip開發(fā)氣泡樣式的表單校驗(yàn)組件的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧2016-07-07
兩個(gè)多選select(multiple左右)添加、刪除選項(xiàng)和取值實(shí)例
這篇文章主要介紹了兩個(gè)多選select(multiple左右)添加、刪除選項(xiàng)和取值實(shí)例,使用jquery實(shí)現(xiàn),需要的朋友可以參考下2014-05-05