点击替换一个div与另一个 - jquery
我有点击替换标签的麻烦。点击替换一个div与另一个 - jquery
我已阅读了一些文章,但没有。
$('.click').click(function()){
$('.div1').removeClass('show');
$('.div2').addClass('show');
}
你知道,什么是错的?谢谢
试试这个:
$('.click').click(function() {
$('.div2').replaceWith($('.div1'));
});
谢谢!你很棒! – niveses
没关系。如果它对您有帮助,请将它加注和/或标记为答案。 –
你已经在你的JavaScript代码
$('.click').click(function(){
$('.div1').removeClass('show');
$('.div2').addClass('show');
});
的jsfiddle语法错误:http://jsfiddle.net/pzjhn/1/
你在你的代码中的错误 - 你添加一个支架)
function()
应该是 -
$('.click').click(function(){
alert(1);
$('.div1').removeClass('show');
$('.div2').addClass('show');
});
的问题是要设置两个类为您的HTML元素在不同class
属性,它们必须在一个class
属性进行设置,因此更换你的下面的代码:
<div class="div1" class="show"></div>
这一个:
<div class="div1 show"></div>
另外,您的匿名函数的语法不正确,请参阅更新的working demo
括号存在语法问题。使用此:
$('.click').click(function(){
$('.div1').removeClass('show');
$('.div2').addClass('show');
})
这里是更新小提琴:http://jsfiddle.net/pzjhn/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 }
CSS
.hide{ /* USe hide class here */
display: none;
}
尝试这种解决方案。 DEMO
您需要修改class="div1 show"
和
$('.click').click(function(){
$('.div1').removeClass('show');
$('.div2').addClass('show');
});
你的括号是在错误的地方。 – Barmar
http://jsfiddle.net/pzjhn/2/ 函数中有太多的紧靠括号。在花括号和分号结尾加上一个 – Idiot211
[** Working Code **](http://jsfiddle.net/pzjhn/3/)....是一个错字!!!! –