$('.fa-heart').click(function(){
if($(this).attr('att') == 0){
$(this).css('color', 'red');
$(this).attr('att',1);
} else {
$(this).css('color', 'grey');
$(this).attr('att',0);
}
});
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HomeShopping</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" >
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" ></script>
</head>
<body>
<i class="fas fa fa fa-heart" att="0" style="color: grey"></i>
</body>
</html>
在第一次点击时更改图标并将产品添加到愿望清单数据库
如果我再次点击愿望清单更改图标,产品应该从愿望清单数据库中删除。
1条答案
按热度按时间fjaof16o1#
我的评论示例:
Html:
** AJAX 调用:**
Php: