jquery - 单击时将一个 div 替换为另一个 - jquery

Question

我在点击替换标签时遇到问题。

我读过一些文章，但没有。

JSFIDDLE

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

你知道，有什么问题吗？谢谢

Answer 1

试试这个：

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

Answer 2

试试这个解决方案。 演示

你需要修改class="div1 show" 和

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

Answer 3

您的 javascript 代码中有语法错误

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

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

Answer 4

您的代码有错误 - 您)在之后添加了一个括号function()

应该 -

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

提琴手

Answer 5

问题是你在不同的属性中为你的 html 元素设置了两个类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

试试这个，

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;
}

演示