jquery 图片切换 删除确认 商品点击增加数量

 

1图片点击切换路径

$(".zdanx>img").click(function() {
// 打印点击的图片路径
console.log($(this).attr("src"));
///当点击的路径==img/img/ico_checkout.png时
if ($(this).attr("src") == "img/img/ico_checkout.png") {
//当前点击的图片路径变为img/img/ico_unchecked.png
$(this).attr("src", "img/img/ico_unchecked.png");
} else {
$(this).attr("src", "img/img/ico_checkout.png");
}

});

2删除弹出确认框

(".zwz4>a").click(function() {
if (confirm("你确定要删除吗？")) {
$(this).parent().parent().remove();//parent();父级元素          删除包含他的两个父元素

}

})
3点击加号 ，输入框加1
$(".add").click(function() {

var jia = $(this).prev().val()
//.prev()选择前面元素
$(this).prev().val(jia * 1 + 1); 

})

3点击减号 ，输入框减1

$(".del").click(function() {
var jian = $(this).next().val()
//.next()选择后面元素
if($(this).next().val()==0){
alert("不能再减了！");

}else{
$(this).next().val(jian * 1 - 1);
}

})