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

Question

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

我有 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' );
        }
    });
});

这是我正在使用的解决方案：

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

    });
});

Answer 1

假设您通常通过将“L”附加到 ID 来分配“最后一个字母”：这可能会简单得多。使用类名装饰所有#<x> 元素，以便一次选择所有元素。我要选“信”。

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

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