點擊替換一個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'); 
});