将选择器存储在变量Javascript中，然后对其使用方法

我已经检查了一些其他的帖子，并记录了我自己，但我不知道这里的问题是什么

我有2张图片（希望最后有20张），你可以点击一个图标，在网页上显示和隐藏图片。如果你点击图像A，它应该显示图像A，如果你点击图像B，图像A应该隐藏，图像B应该被播种

var firsttime = 1;
var $lastletter;
$(function() {
    $('#A').click(function() {
        if (firsttime = 0){
            $lastletter.toggle();
            $('#AL').toggle();
            $lastletter  = $( '#AL' );
        }
        else
        {
            firsttime = 0;
            $('#AL').toggle();
            $lastletter  = $( '#AL' );
        }
    });
});
$(function() {
    $('#B').click(function() {
        if (firsttime = 0){
            $lastletter.toggle();
            $('#BL').toggle();
            $lastletter  = $( '#BL' );
        }
        else
        {
            firsttime = 0;
            $('#BL').toggle();
            $lastletter  = $( '#BL' );
        }
    });
});

这是im使用的解决方案：

$(function() {
    $('.imgLetter').click(function() {
        if (lastletter != this.id) {
            $('#' + lastletter + 'L').toggle();
            lastletter=this.id;
        }
        $('#' + this.id + 'L').toggle();

    });
});

---

假设您按照惯例通过在ID后面添加一个“L”来分配“最后一个字母”：这可能会简单得多。用类名装饰所有的

#

元素，以便一次轻松地选择所有元素。我将选择“字母”

我认为你甚至不需要追踪“第一次”。听起来你只是想让一个元素切换另一个元素。这看起来像：

$(function() {
    $('.letter').click(function() {
        $('#' + this.id + 'L').toggle();
    });
});

---

谢谢你的帮助，这是我现在使用的最终解决方案。