Question

我有四列详细说明游戏的更改日志，我想添加一个选项，允许用户只需单击一个按钮，只让他们查看最新的更新。每次更新都有自己的div。我是否能够通过JQuery添加id到这些最新的更新div（例如“current”）并单击按钮，删除所有没有“当前”id的类“update”的div ？

四列 - ＆gt;每列的最新更新如下： -

<div class="ch-update">
            <div class="ch-update-header active">
                Minecraft 1.5.1
            </div>
            <ul>
                <li>Fixed a bunch of bugs</li>
                <li>Improved performance</li>
                <li>Notable: Crash on Mac OS X on "OpenGL Function Not Supported"</li>
                <li>Notable: Unable to place paintings</li>
            </ul>
        </div>

Answer 1

您可能希望只利用DOM排序，而不是通过类维护您的状态。即，只需删除不是最后一个div的所有$('#view-recent-for-column-1').click(function() { $('#column-1 > div').slice(0, -1).remove(); });。如，

我当然在这里对你的标记做出假设，因为没有提供。但是交互可能看起来像这样：

{{1}}

Answer 2

您的要求 -

删除所有没有“当前”ID的“更新”类的div

我认为应该这样做：

$('button').click(function(){
   $('.update:not(#current)').fadeOut().remove();
});

隐藏着ID的选择性div

2 个答案: