隐藏和显示元素组

Question

我有一个页面，其中包含所有课程＆div; div_title_item＆＃39;最初是隐藏的。基于一些分页符逻辑，我想展示其中的一些。

// 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();