jqueryのあるものを除くすべてのdivをコンテナ内でフェードする方法は？

Question

私はこれを持っています：

$("#id").click(function() {
    $('.swoosh div').fadeOut('fast', function(){
        $('.template').fadeIn('fast');
    });
});

.swoosh コンテナdivです.template クリックしたときに残りたいdivですか #id, 、一方、他のすべてのdivは内部です .swoosh 消える。

私は少しばかげていると感じていますが、私は何年もの間遊んでいませんでした。兄弟を助けてください。

Answer 1

おそらく使用できます not^doc セレクタ

$("#id").click(function() {
    $('.swoosh div:not(.template)').fadeOut('fast');
});

Answer 2

    $('.swoosh div[class!="template"]').fadeOut('fast');

Answer 3

$("#id").click(function() {
    $('.swoosh div').fadeOut('fast');
    $('.template').fadeIn('fast');
});

Answer 4

コンテナdivをフェードアウトしているため、そのdiv内のすべての要素がフェードアウトしていることが論理的に思えます。したがって、コンテナDivから要素を抽出し、コンテナDivをフェードアウトする前に、DOMのどこかに配置することです。そうすれば、目に見えるはずです。

Answer 5

古い質問ですが、これもうまくいくでしょう

$("#id").click(function() {
    $('.swoosh div').not($('.template')).fadeOut('fast');
});