-1

ゲームの変更ログの詳細を示す 4 つの列があり、ユーザーがボタンをクリックするだけで最新の更新のみを表示できるようにするオプションを追加したいと考えています。各更新には独自の div があります。これらの最新の更新 div に「current」などの ID を追加し、ボタンをクリックして、「current」ID を持たない「update」クラスのすべての div を削除することで、JQuery を介してこれを行うことができますか? ?

4 つの列 --> 各列には最新の更新が次のように表示されます:-

<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>
4

2 に答える 2

1

あなたの要件-

「現在の」IDを持たない「更新」クラスのすべてのdivを削除します

これは次のようにすべきだと思います：

$('button').click(function(){
   $('.update:not(#current)').fadeOut().remove();
});
于 2013-04-02T17:58:03.390 に答える
1

クラスを通じて状態を維持するのではなく、DOM の順序付けを利用したい場合があります。divつまり、最後の 's以外の 's をすべて削除します。例えば、

もちろん、提供されていないので、ここであなたのマークアップについて仮定しています。しかし、相互作用は次のようになります。

$('#view-recent-for-column-1').click(function() {
    $('#column-1 > div').slice(0, -1).remove();
});
于 2013-04-02T17:49:27.950 に答える