Javascript 3个产品持有者jquery onclick图像

我想添加另一个按钮，这样我总共有3个按钮，而不是2个。我该怎么做？我试图添加一个产品支架三，但如果我先单击按钮1，然后单击按钮3，两个按钮都有相同的背景图像

预览：

新代码（不工作）：

我有3个按钮，当他们点击其中一个时，它会改变图像。。所以，若用户点击按钮1，它会改变图像。是现在点击按钮2的情况下，他想选择这一个按钮1图像恢复正常

网站：

我希望能得到一些帮助

旧代码Javascript:

$(document).ready(function () {
$(".theImage img").click(function () {
    var a = $(this).parent().attr("id") == "product-holder1" ? "product-holder2" : "product-holder1";
    console.log(a);
    $(this).fadeOut();
    $("#" + a + " img").fadeIn()
})
})

---

单击图像时，请查看控制台。

产品支架35;

全弄乱了。这是你的问题。我现在明白你为什么要这样设置变量

a

。试着用这个

var a=$（this.parent（）.attr（“id”）

你在上面所做的和说的是一样的

if(id==product-holder1)
    a=product-holder2;
else
    a=product-holder1;

所以你真的在扭转它们，这就是你的问题。只需使用id属性来获取父对象的id

编辑：

试着帮我把这个放进去。我不确定它会起作用，但我想看看它能起什么作用

$(document).ready(function(){
    $(".theImage img").click(function(){
        $(".theImage img").fadeIn(); //SPOT 1
        $(this).fadeOut();
    });
});

很高兴看到它起作用。发生了什么事。。。将背景图像设置为“继续”图片，然后将“选择”置于顶部。所以，您要做的是确保在代码中单击每个选定的图像（点1）时都会显示它。然后使用
$（this）
选择器获取单击的图像，然后将其隐藏。这将显示你下面的背景图像。这会给你想要的效果。事实上，你把事情弄得比把身份证弄进去要复杂得多
 上一个帖子，抱歉重复发帖。如果无意中发帖，您应该可以删除此问题。您好！是的，但我编辑了我的上一个问题，人们还会点击它吗？我已经得到了关于这个问题的答案？我添加了product-holder3，但不起作用：）$（文档）。准备（function（）{$（“.TheImageIMG”）。单击（function（）{var a=$（this）。parent（）.attr（“id”）===“product-holder1”？“product-holder2”？“product-holder3”：“product-holder1”；console.log（a）$（this）。fadeOut（）$（“#”+a+“img”）。fadeIn（）}）请更新您的问题。不要把代码放在注释中。如果你使用
“
”，它会的。if语句代码没有正确的语法，我只是想让他理解这一点……好吧，我更新了javascript代码，现在它可以正常工作了，但它会返回到“我需要在哪里”？@DaveMikes他在if语句中谈到。。。设置这些ID需要在product holder字符串周围加引号，否则javascript会假定它们是变量，但这对代码并不重要。我就是以这个为例
$(document).ready(function(){
    $(".theImage img").click(function(){
        $(".theImage img").fadeIn(); //SPOT 1
        $(this).fadeOut();
    });
});