Javascript 使样式影响整行

在我的文字游戏中，当正确的字母拼写这个单词时，它将随着“wordglow2”消失。目前它对这个词是这样的。如果我想让整行在拼写正确的单词时消失，我该怎么做

$(".drop").droppable({
drop: function(event, ui) {
    word = $(this).data('word');

    guesses[word].push($(ui.draggable).attr('data-letter'));
    console.log($(event));
    console.log($(ui.draggable).text());

    console.log('CHECKING : ' + $(this).text() + ' against ' + $(ui.draggable).text().trim());


    if ($(this).text() == $(ui.draggable).text().trim()) {

        $(this).addClass('wordglow3');
    } else {
        $(this).addClass('wordglow');
    }
    console.log('CHECKING : ' + $(this).text() + ' against ' + $(ui.draggable).text().trim());


    console.log(guesses);

    if (guesses[word].length == 3) {
        if (guesses[word].join('') == word) {
            $('td[data-word=' + word + ']').addClass("wordglow2");

        } else {
            $('td[data-word=' + word + ']').addClass("wordglow4");
            guesses[word].splice(0, guesses[word].length);
        }
    }

我本以为会是这样的，但没用

  if (guesses[word].length == 3) {
        if (guesses[word].join('') == word) {
            $('td[data-word=' + word + 'td' + ']').addClass("wordglow2");

根据评论：

目前你将有

.wordglow2 { background: red; }

将其更新为

.wordglow2 td { background: red; }

然后更新jQuery代码，它就是这样做的

$('td[data-word=' + word + ']').parent().addClass("wordglow2");

---

然后将背景颜色应用于行中的所有单元格。

将.wordglow更改为

.wordglow2 td{background:…}

，然后在调用

addClass（'wordglow

）之前添加

.parent（）

）`。但是.wordglow已经准备好了错误答案@Gavin抱歉，我的观点是，您需要更改每个.wordglow类，以便它们后面有'td'。然后将该类应用于父TR，然后它将应用于整行而不是单个单元格。您的意思是将脚本中的.wordglow2更改为.wordglow2 TR，然后更改为.parent（）.addClass（'wordglow2'）@GavinNope，close，

.wordglow2

到

.wordglow2 td

，然后使用

.parent（）.addClass（'wordglow2'）将把.wordglow2添加到被拖动TD的TR中。