我有一个元素,其中包含一个整数计数。
2
当单击一个 div 时,必须切换该值的增量和减量。
问题:
我在 $('.liked').clicked 上调用了一个函数,它会将值增加并更改类为 .notliked
另一个 onclick 函数会减少该值,但它无法正常工作。
请检查我的代码。我想这不是最好的方法。
这是我的演示代码。
这是我的演示代码。
$(document).ready(function() {
$(".notliked").click(function() {
var $this = $(this);
$this.removeClass('notliked');
$this.addClass('liked')
$count = $('.likes-count');
$count.html((parseInt($count.html(),10) || 0) + 1);
});
$(".liked").click(function() {
var $this = $(this);
$this.removeClass('liked');
$this.addClass('notliked');
$count = $('.likes-count');
$count.html((parseInt($count.html(),10) || 0) - 1);
});
});
.heart {
color: #fff;
height:50px;
cursor:pointer;
width:50px;
background-color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<span class="likes-count"> 2 </span>
<div class="liked heart">Click</div>
.toggleClass()
来代替这个 - http://api.jquery.com/toggleclass/ - Christopher Messer