javascript - 单独突出显示字母，否则还原

Question

在我的文字游戏中，我有一种风格，可以向用户显示要将字母拖放到哪个单词上以完成。

然后它允许用户将字母放入该区域，但不限制用户将字母放在我需要的任何其他地方，因此用户只能将第一个字母放入样式区域的第一个单元格。

这是通过单击按钮（#picknext）将样式应用于给定单词的代码...

$('#pickNext').click(function() {
// remove the class from all td's
$('td').removeClass('spellword');
// pick a random word
rndWord = shuffledWords.sort(function() {
    return 0.8 - Math.random();
})[0];
// apply class to all cells containing a letter from that word
$('td[data-word="' + rndWord + '"]').addClass('spellword');
});

理想情况下，如果字母没有放在正确的位置，我希望它们恢复原状。

我有一些额外的代码，我已经在字母上申请了恢复功能，希望它有帮助......

$('.drag').draggable({

helper: 'clone',
snap: '.drop',
grid: [60, 60],
revert: function(droppable) {
    if (droppable === false) {
        return true;
    }

    else {

        return false;
    }
}
});