jQuery的淡入的對象數組 - 項目一次一個

Question

每天都學習了很多關於jQuery的。然而，似乎我不能在我的生活中弄清楚如何一次一個項目地顯示這個多維數組中的項目，同時淡入和退出每個項目。 *注意我不希望這些追加，只顯示一組，然後淡出並淡入到下一組。這裏有一些信息給你的專業人士。

基本上我在這裏存放了什麼我在我指定的數據JSON對象到結果。這似乎通過每一次循環，就好像我把警報（結果['問題']）它會給我每個值一次，但是當試圖應用到我的div，其中我使用的span類稱爲.Active，它將循環遍歷整個事物並給我數組中的最後一項。 2 + 2 lol duh 1 2.我在這裏做錯了什麼？如果需要的話，我會盡量爲它設置一個jfiddle。

對象從PHP頁面來（稱爲數據）

[{"id":"238","question":"Which of these is a noun?","answer":"horse"},{"id":"238","question":"Which of these is a noun?","answer":"long"},{"id":"238","question":"Which of these is a noun?","answer":"pretty"},{"id":"238","question":"Which of these is a noun?","answer":"hair"},{"id":"238","question":"2+2 lol duh 1 2","answer":"4"}] 

代碼

for (var i = 0; i < data.length; i++) { 
    result = data[i]; 
    console.log(result['question']); 


    liText += '<span><h5>'+result["question"]+'</h5>'; 
    liText += '<p><b>Option:&nbsp;</b>'+result["answer"]; 

    liText += '</p></span>'; 


    $.each(result['question'], function(index) { 
     $(this).delay(400*index).fadeIn(300); 


    }); 
    $('.Active').text(result['question']); 

    } 

結果[問題]的

控制檯日誌*注意這些是正確的，5個不同的問題，第一個4是相同。

Which of these is a noun? 

index....mid=119 (line 227) 

Which of these is a noun? 

index....mid=119 (line 227) 

Which of these is a noun? 

index....mid=119 (line 227) 

Which of these is a noun? 

index....mid=119 (line 227) 

2+2 lol duh 1 2 

PS *一百萬尊重點，如果你能得到它與liText工作，我有以上，而不是:)

編輯*

當取出。每次和走動了一些東西這似乎工作，任何人都可以幫助我首先淡出淡出淡出每一個我會感激。位於$（ '主動'）

for (var i = 0; i < data.length; i++) { 
    result = data[i]; 
    alert(result['question']); 
    $('.Active').text(result['question']); 

Answer 1

試試這個：

for (var i = 0; i < data.length; i++) { 
    result = data[i]; 

    var $question = $("<span>").text(result['question']).hide() 
           .delay(400*i).fadeIn(300); 

    $('.Active').append($question); 
} 

我刪除了liText部分完全因爲你沒有做任何事的。

http://jsfiddle.net/Qf3FZ/