1

我有一组记录,它们被分成 5 个分段,每个分段包裹在一个带有 id 和类的 div 周围。

例如

<div id="myid" class="myclass">
<p>record1</p>
<p>record2</p>    
</div>

显示第一组 5 条记录,其余的被隐藏。我在下面有一个链接,可以点击查看更多。单击后,它将显示另一个 5 等。

每个容器都有一个带有 Off 和 On 的类。这告诉我 div 正在显示什么 div 没有。

现在我想在每次点击时显示每组记录。我已经完成了这段代码,但似乎没有用。我在 jquery 方面的知识是有限的。

$(document).ready(function () {

// get first reviewBulkContainer and show
$(".reviewBulkContainer:first").show().addClass("On");

$("#showMoreReviews").click(function (e) {
    e.preventDefault();
    $("#reviewContainer .reviewBulkContainer").each(function () {
        if ($(this).hasClass("Off")) {
            $(this).show();
            $(this).removeClass("Off");
            $(this).addClass("On");
            return;
        }

    });
});

但这最终会显示所有记录片段,而不仅仅是一个时间。有人可以帮我吗?

谢谢...

4

1 回答 1

2

不需要使用方法,如果要显示第一个具有 .class 的元素,each可以使用选择器。:firstOff

$("#showMoreReviews").click(function (e) {
    e.preventDefault();
    $("#reviewContainer .reviewBulkContainer.Off:first")
                                          .show()
                                          .toggleClass("Off On");
});
于 2012-10-03T12:41:10.463 回答