如何在jQuery中將效果應用於數組中的檢索元素？

Question

我想知道是否可以將效果應用到數組中的檢索元素。

我知道我可以通過輸出數組的內容：。 text()或.html()在jQuery中的功能。但我一直在嘗試fadeIn()的內容，而且它從來沒有工作。

我該如何做到這一點？

Answer 1

您必須先將對象添加到DOM中，然後才能顯示它並在其上使用效果。

例如：

content.appendTo('#somedivid').hide().fadeIn(); 

Answer 2

你必須將其追加到DOM，隱藏它，然後在淡出它：

for(i=0, x=content.length; i<x; i++){  
    $('<p />').text(content[i]).appendTo('#container').hide().fadeIn(); 
} 

Asuming的內容是文本的數組你你想要添加到#container。

Answer 3

如果陣列中的每個元素含有被關聯到頁面佈局的元素的ID，你可以這樣做：

$('#'+content[i].id).fadeIn(); 

Answer 4

我不知道我理解正確的問題，但它的工作原理相同與您提到的text（）或html（）函數一樣：

var elements = $('.test'); 
// elements is an array of all elements with class 'test' 

// now fade all these elements out: 
elements.fadeOut('slow');