jquery addClass неправильный синтаксис?

Question

У меня есть таблица HTML, представляющая доску в приложении для настольных игр. Он имеет произвольное количество строк и столбцов с элементами 'td', представляющими квадраты игры.

Я пытаюсь заполнить ряд квадратов платы «class = play» с небольшим количеством «class = hasAtoms» в случайных местах. Команды Console.log показывают, что начальный селектор возвращает разумное количество объектов, а «rnd» - действительное случайное число, но конечный console.log не может обнаружить объекты «class = hasAtom» - любые предложения, пожалуйста?

function placeAtoms(numberOfAtoms) { 
    var rnd, len; 
    do { 
     len = $('#board .play:not(.hasAtom)').length; 
     rnd = Math.floor((Math.random() * len) + 1); 
     $($(this).get(rnd)).addClass('hasAtom'); 
     numberOfAtoms--; 
    } while (numberOfAtoms > 0); 
    console.log($('#board .play .hasAtom').length + ' squares have atoms'); 
} 

Answer 1

Проблема заключается в селекторе $ (this). Вам нужно либо объявить его, либо передать в него параметр. Предполагая, что вы хотите, случайный ".play" ребенок внутри "#board" элемент контейнера, я хотел бы попробовать это:

function placeAtoms(numberOfAtoms) { 
     var rnd, len; 
     do { 
      len = $('#board .play:not(.hasAtom)').length; 
      rnd = Math.floor((Math.random() * len) + 1); 
      $($("#board .play").eq(rnd)).addClass('hasAtom'); 
      numberOfAtoms--; 
     } while (numberOfAtoms > 0); 
     console.log($('#board .hasAtom').length + ' squares have atoms'); 
    }