Создание объекта jQuery и получение его родителя из массива объектов

Это то, что я пытаюсь выполнить:

booArray - это массив объектов с именем: prefix_someName, где someName изменяется от одного объекта к другому.

Эти объекты соответственно связаны с их элементами div, идентификатор этих divs будет someName, т. prefix_monkey Объект prefix_monkey будет связан с #monkey div.

В этом коде мне нужно постоянно применять метод к самим объектам, но не делайте этого, когда их соответствующий div завершит свой переход. Я пытаюсь построить div id из строки, извлеченной из самого объекта в var foo (iddoc - это место, где хранится строка), сделать это в объект jQ, а затем получить его родительский элемент, поскольку это происходит как элемент, выполняющий переход в этом случае. (некоторые foo будут переходить сами, поэтому нет необходимости обращаться к родителям)

... не уверен, сколько мест я испортил этот код... Любая помощь была оценена

$(booArray).each(function() {

       var foo = '$(\'#' + $(this).attr('iddoc') + '\')';

       var bla = setInterval(function() {
           console.log('transition in progress');
       },10);

       foo.parent().one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd MSTransitionEnd transitionend', function(e) {
           console.log(foo.parent().attr('id') + ': transition completed');
           clearInterval(bla);
       });
})