点击替换一个div与另一个 - jquery

Question

我有点击替换标签的麻烦。

我已阅读了一些文章，但没有。

JSFIDDLE

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

你知道，什么是错的？谢谢

Answer 1

试试这个：

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

Answer 2

你已经在你的JavaScript代码

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

的jsfiddle语法错误：http://jsfiddle.net/pzjhn/1/

Answer 3

你在你的代码中的错误 - 你添加一个支架)function()

应该是 -

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

JsFiddle

Answer 4

的问题是要设置两个类为您的HTML元素在不同class属性，它们必须在一个class属性进行设置，因此更换你的下面的代码：

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

这一个：

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

另外，您的匿名函数的语法不正确，请参阅更新的working demo

Answer 5

括号存在语法问题。使用此：

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

这里是更新小提琴：http://jsfiddle.net/pzjhn/6/

Answer 6

试试这个，

HTML

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

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

SCRIPT

$('.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; 
} 

Demo

Answer 7

尝试这种解决方案。 DEMO

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

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