隱藏和顯示元素組

Question

我有一個頁面，其中最初隱藏了類'div_title_item'的所有項目。基於一些paginator邏輯，我會想展示其中的一些。

// initially 
$(".div_title_item").hide(); // this works fine 

現在顯示部分。我在下面嘗試，但它沒有奏效。

// on some event for example 
var collection = $(".div_title_item"); 
collection[0].show(); 
collection[1].show(); 
// etc... 

什麼都沒有顯示。

Answer 1

Live Demo

通過執行以下操作使他們的jQuery對象。

$(collection[0]).show(); 
$(collection[1]).show(); 

否則它們只是標準的DOM元素並且不會訪問jQuery方法。

Answer 2

這樣做事：

collection[0] 

爲您提供了底層的DOM對象，他們不知道什麼.show()手段。一個簡單的方法是使用eq訪問<div>你想：

var collection = $(".div_title_item"); 
collection.eq(0).show(); 
collection.eq(1).show(); 

你也可以使用filter和:eq選擇：

collection.filter(':eq(1)').show();