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

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;
    }
}
});