0

私の単語ゲームでは、正しい文字が単語を綴ると、「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");
4

1 に答える 1

2

コメントによると：

現在、あなたは持っています

.wordglow2 { background: red; }

読むように更新する

.wordglow2 td { background: red; }

その後、jQuery コードを更新します。

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

これにより、行内のすべてのセルに背景色が適用されます。

于 2012-07-24T13:26:51.983 に答える