jQuery限制1项选择

我有4个缩略图显示（随机图像），并希望将选择限制为仅1个项目，并使其余的缩略图不可选择，除非您单击所选项目以释放它。为了将每个用户限制为1个select，我考虑使用.length<1，但不确定如何限制1

CSS:

HTML:

我确定这段代码中的某个地方存在缺陷，我很累，但想法是设置一个标志，以查看是否存在活动映像，并在允许另一个活动映像之前进行检查。

这里有一种方法-

$('body').on('click', '.item', function(e) {
    e.preventDefault();
    if( !$(this).hasClass('inactive') ) {
        $('.item').toggleClass('inactive');
        $(this).removeClass('inactive');
    }
});

---

那么，你的问题是什么？对不起。。。试着看看我如何限制1个选择并关闭其他选择。你的in/active类的CSS是什么？.active{color:blue；}.inactive{color:red；}谢谢你的帮助，我能问一下.on（）中的“.item”是什么意思吗？我只是在做事件委派，除非你动态添加

项。
<div class="item-container">
    <a class="item" href="/">
        <img src="http://placehold.it/125x125">
    </a>
    <a class="item" href="/">
        <img src="http://placehold.it/125x125">
    </a>
    <a class="item" href="/">
        <img src="http://placehold.it/125x125">
    </a>
    <a class="item" href="/">
        <img src="http://placehold.it/125x125">
    </a>
 </div>

$('.item').addClass('inactive');

$('.item').on('click', function() {
    if($(this).hasClass('inactive')) {
        $(this).removeClass('inactive').addClass('active');
    } else {
        return false;
    }
});

var hasActive = false;

$('.item').addClass('inactive');

$('.item').on('click', function() {
    if($(this).hasClass('inactive') && hasActive == false) {
        $(this).removeClass('inactive').addClass('active');
        hasActive = true;
    } else if ($(this).hasClass('active') {
        hasActive = false;
    }
});

$('body').on('click', '.item', function(e) {
    e.preventDefault();
    if( !$(this).hasClass('inactive') ) {
        $('.item').toggleClass('inactive');
        $(this).removeClass('inactive');
    }
});