Question

怎么用jquery 做出这个效果啊 点击背景变色然后别的不变色 求大神代码

我写的html 点击li变化怎么写啊





Answer 1

$(".money li").click(function(){
$(this).css("background","red");

});

追问

不是你这个意思 你这个是背景变红

追答

想变成什么样色就改成什么颜色被

追问

我的是想问 那个边框改变颜色里边的背景还是白色 而且你这么写是点一个一个变色但是别的也都跟着变色

追答

$(".money li").click(function(){
var temp=$(this);

$(".money li").each(function(){
$(this).css("border","1px solid #ccc");

});

temp.css("border","1px solid red");

});

追问

哦 哦 就是这样的 我是新手谢谢啊 能在问一下 那我要是在带上右下角那个图片该怎么弄吗

追答

直接设置li的子属性，li标签里应该还有标签吧，能发我看看吗？要不我不知道该怎么写代码

追问

追答

$(".money li").click(function(){
var temp=$(this);
$(".money li").each(function(){
$(this).css("border","1px solid #ccc");
$(this).css("background","white");
});
temp.css("border","1px solid red");
temp.children().css("background","red");
});

希望你能把代码发的全一点，要不然这样真的没法看，我相信右下角的span一定有样式，实际上操作整个样式就行了

$(".money li").click(function(){
var temp=$(this);
$(".money li").each(function(){
$(this).css("border","1px solid #ccc");
$(this).children().removeClass("test");
});
temp.css("border","1px solid red");
temp.children()addClass("test");
});