Question

我点击替换标签时遇到了麻烦。

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

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

你知道吗，出了什么问题？谢谢

Answer 1

试试这个：

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

Answer 2

试试这个解决方案。 DEMO

您需要修改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');
});

JsFiddle

Answer 5

问题是您在不同的class属性中为html元素设置了两个类，它们必须设置在一个class属性中，因此请替换以下代码：

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

这个：

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

您的匿名函数中也有错误的语法，请参阅更新的working demo

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>

<强> 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

在click - jquery上用一个div替换另一个div

7 个答案: