jQuery遍歷對象

script?src=""?type="text/javascript"/script

目前創新互聯已為數千家的企業提供了網站建設、域名、虛擬空間、網站托管維護、企業網站設計、浮梁網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協力一起成長，共同發展。

pre

script

var?obj={name:"abc",type:"p"};

$.each(obj,function(k,v){

//這里是處理?obj?的函數

document.writeln(k+':'+v);

})

//$.each($("div"),function(k,v){})

//$("div").each(function(index,?element)?{?});

//我知道的就這兩種用法

/script

/pre

Jquery 遍歷repeater

for (int i = 0; i Repeater1.Items.Count; i++)

{

Repeater ListTow = (Repeater)Repeater1.Items[i].FindControl("Reapter2");

foreach (RepeaterItem item in ListTow.Items)

{

TextBox txt = (TextBox)item.FindControl("xf");

string mysql = "update fy_xf set xf_je="+txt.Text+" where XF_ID="+txt.CssClass;

myDB.Insert(mysql);

}

}

jquery 如何遍歷這樣的json

方法挺多的把，可以用for循環，也可以用each方法。

先獻上ajax請求：

$.ajax({

url:?'/path/to/file',

type:?'GET',

dataType:?'json',

data:?{param1:?'value1'},

success:?function?(obj){?

//遍歷obj

}

})

返回的內容在success的函數里面，所有的遍歷操作都是在這里面操作的：

for循環：

var?obj?=?{

"status":1,

"bkmsg":"\u6210\u529f",

"bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]

}

//?console.log(obj.length);

if?(obj.status?==?1)?{

for?(var?i?=?0;?i??obj.bkdata.length;?i++)?{

console.log(obj.bkdata[i]);

};

}else{

alert("數據有誤~");

};

for in 循環：

//for?in循環

for(x?in?obj.bkdata){

//x表示是下標，來指定變量，指定的變量可以是數組元素，也可以是對象的屬性。

console.log(obj.bkdata[x]);

}

//元素 each方法

if?(obj.status?==?1)?{

$(obj.bkdata).each(function(index,item){

//index指下標

//item指代對應元素內容

//this指代每一個元素對象

//console.log(obj.bkdata[index]);

console.log(item);

//console.log($(this));

});

}else{

alert("數據有誤~");

};

//jquery each方法

$.each(?obj.bkdata,?function(index,item){

console.log(item);

});

jquery數組封裝使用方法分享(jquery數組遍歷)

$.each(array,

[callback])

遍歷

不同于例遍

jQuery

對象的

$.each()

方法，此方法可用于例遍任何對象(不僅僅是數組哦~).

回調函數擁有兩個參數：第一個為對象的成員或數組的索引，

第二個為對應變量或內容.

如果需要退出

each

循環可使回調函數返回

false，

其它返回值將被忽略.

each遍歷，相信都不陌生，在平常的事件處理中，是for循環的變體，但比for循環強大.在數組中，它可以輕松的攻取數組索引及對應的值.例:

使用方法如下：

復制代碼

代碼如下:

var

arr

=

['javascript',

'php',

'java',

'c++',

'c#',

'perl',

'vb',

'html',

'css',

'objective-c'];

$.each(arr,

function(key,

val)

{

//

firebug

console

console.log('index

in

arr:'

+

key

+

",

corresponding

value:"

+

val);

//

如果想退出循環

//

return

false;

});

再來個測試程序：

[/code]

var

fruit

=

['蘋果','香蕉','橙子','哈密瓜','芒果'];

//用原生getElementsByTagName獲取h2元素的對象集合

var

h2obj=document.getElementsByTagName('h2');

//$.each()遍歷數組

$('input#js_each').click(function(){

$.each(fruit,function(key,val){

//回調函數有兩個參數,第一個是元素索引,第二個為當前值

alert('fruit數組中，索引：'+key+'對應的值為：'+val);

});

});

[/code]

相對于原生的for..in,each更強壯一點.

for..in也可以遍歷數組,并返回對應索引,但值是需要通過arrName[key]來獲取;

$.grep(array,

callback,

[invert])過濾

使用過濾函數過濾數組元素.此函數至少傳遞兩個參數(第三個參數為true或false,對過濾函數返回值取反,個人覺得用處不大):

待過濾數組和過濾函數.

過濾函數必須返回

true

以保留元素或

false

以刪除元素.

另外,過濾函數還可以是可設置為一個字條串(個人不推薦,欲了解自行查閱);

復制代碼

代碼如下:

v[code]ar

temp

=

[];

temp

=

$.grep(arr,

function(val,

key)

{

if(val.indexOf('c')

!=

-1)

return

true;

//

如果[invert]參數不給或為false,

$.grep只收集回調函數返回true的數組元素

//

反之[invert]參數為true,

$.grep收集回調函數返回false的數組元素

},

false);

console.dir(temp);

再來個測試程序：

復制代碼

代碼如下:

//$.grep()過濾數組

$('input#js_grep').click(function(){

$.grep(fruit,function(val,key){

//過濾函數有兩個參數,第一個為當前元素,第二個為元素索引

if(val=='芒果'){

alert('數組值為

芒果

的下標是:

'+key);

}

});

var

_moziGt1=$.grep(fruit,function(val,key){

return

key1;

});

alert('fruit數組中索引值大于1的元素為:

'+_moziGt1);

var

_moziLt1=$.grep(fruit,function(val,key){

return

key1;

},true);

//此處傳入了第三個可靠參數,對過濾函數中的返回值取反

alert('fruit數組中索引值小于等于1的元素為:

'+_moziLt1);

});

$.map(array,[callback])按給定條件轉換數組

作為參數的轉換函數會為每個數組元素調用,

而且會給這個轉換函數傳遞一個表示被轉換的元素作為參數.

轉換函數可以返回轉換后的值、null(刪除數組中的項目)或一個包含值的數組,

并擴展至原始數組中.這個是個很強大的方法,但并不常用.

它可以根據特定條件,更新數組元素值,或根據原值擴展一個新的副本元素.

復制代碼

代碼如下:

//1.6之前的版本只支持數組

temp

=

$.map(arr,

function(val,

key)

{

//返回null,返回的數組長度減1

if(val

===

'vb')

return

null;

return

val;

});

console.dir(temp);

//1.6開始支持json格式的object

var

obj

=

{key1:

'val1',

key2:

'val2',

key3:

'val3'};

temp

=

$.map(obj,

function(val,

key)

{

return

val;

});

console.dir(temp);

再來個測試程序：

復制代碼

代碼如下:

//$.map()按給定條件轉換數組

$('input#js_map').click(function(){

var

_mapArrA=$.map(fruit,function(val){

return

val+'[新加]';

});

var

_mapArrB=$.map(fruit,function(val){

return

val=='蘋果'

?

'[只給蘋果加]'+val

:

val;

});

var

_mapArrC=$.map(fruit,function(val){

//為數組元素擴展一個新元素

return

[val,(val+'[擴展]')];

});

alert('在每個元素后面加\'[新加]\'字符后的數組為:

'+

_mapArrA);

alert('只給元素

蘋果

添加字符后的數組為:

'+

_mapArrB);

alert('為原數組中每個元素,擴展一個添加字符\'[新加]\'的元素,返回的數組為

'+_mapArrC);

});

$.inArray(val,array)判斷值是否存在于數組中

確定第一個參數在數組中的位置,

從0開始計數(如果沒有找到則返回

-1

).記得indexOf()方法了嗎?

indexOf()返回字符串的首次出現位置,而$.inArray()返回的是傳入參數在數組中的位置,同樣的,如果找到的,返回的是一個大于或等于0的值,若未找到則返回-1.現在,

知道怎么用了吧.

有了它,

判斷某個值是否存在于數組中,就變得輕而易舉了.

復制代碼

代碼如下:

//返回元素在數組中的位置,0為起始位置,返回-1則未找到該元素

console.log($.inArray('javascript',

arr));

測試程序：

[code]

//$.inArray判斷值是否在數組中,不存在返回-1,存在則返回對應索引值

$('input#js_inarray').click(function(){

var

_exist=$.inArray('芒果',fruit);

var

_inexistence=$.inArray('榴蓮',fruit)

if(_exist=0){

alert('芒果

存在于數組fruit中,其在數組中索引值是:

'+_exist);

}

if(_inexistence

0){

alert('榴蓮

不存在于數組fruit中!,返回值為:

'+_inexistence+'!');

}

});

jquery從后臺取得list，怎么遍歷出來

var?list_name?=?[];??

for(var?i?in?data){

list_name.push(i);

}

//這是獲取到那個list，然后遍歷list_name的個數，然后添加到你要添加的地方。

for?(var?a?,?a??list_name.length;?a++){

$("div").append("span"+list_name[a]+"/span")

}

jquery怎么選取for循環中遍歷出來的數據

不用jQuery遍歷也可以的，如果數據是數組就用for（var i=0;iarr.length;i++);如果數據是對象就用for(var obj in data)。jQuery封裝的遍歷也無法是這兩種方式。主要你要分析你的數據是什么類型的，才能方便遍歷。

當前標題：jqueryin遍歷,jq遍歷方法
文章位置：http://vcdvsql.cn/article28/dsdedjp.html

成都網站建設公司_創新互聯，為您提供網站建設、網站設計、企業建站、網站營銷、網站導航、手機網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯