jquery - クリック時にあるdivを別のdivに置き換える - jquery

Question

クリック時のタグの置換に問題があります。

いくつかの記事を読みましたが、何もありません。

JSFIDDLE

$('.click').click(function()){
    $('.div1').removeClass('show');
    $('.div2').addClass('show');
}

何が悪いのかわかりますか？ありがとうございました

Answer 1

この解決策を試してください。 デモ

変更する必要がありclass="div1 show" 、

$('.click').click(function(){
      $('.div1').removeClass('show');
      $('.div2').addClass('show');
});

Answer 2

これを試して：

    $('.click').click(function() {
            $('.div2').replaceWith($('.div1'));        
    });

Answer 3

これを試して、

HTML

<div class="div1"></div>
<div class="div2 hide"></div><!-- don't use class attribute twice -->

<button class="click">Click</button>

脚本

$('.click').click(function(){ // extra parenthesis after function()
     $('.div1,.div2').toggleClass('hide'); // use toggleClass()
}); // missing parenthesis after }

toggleClass()を読む

CSS

.hide{ /* USe hide class here */
    display: none;
}

デモ

Answer 4

コードに間違いがあります -)直後にブラケットを追加しましたfunction()

する必要があります-

$('.click').click(function(){
                  alert(1);
            $('.div1').removeClass('show');
             $('.div2').addClass('show');
});

Jsフィドル

Answer 5

問題は、異なる属性で html 要素に 2 つのクラスを設定していることclassです。それらは単一のclass属性で設定する必要があるため、次のコードを置き換えます。

<div class="div1" class="show"></div>

これについて：

<div class="div1 show"></div>

また、匿名関数の構文が間違っていました。更新された動作デモを参照してください

Answer 6

括弧には構文上の問題があります。これを使って：

$('.click').click(function(){
            $('.div1').removeClass('show');
             $('.div2').addClass('show');
})

これが更新フィドルです：http://jsfiddle.net/pzjhn/6/

Answer 7

JavaScript コードに構文エラーがありました

$('.click').click(function(){
            $('.div1').removeClass('show');
             $('.div2').addClass('show');
});

JSFiddle: http://jsfiddle.net/pzjhn/1/