Добавление элемента в div, если он еще не добавлен через расширение Chrome

Question

Я пытаюсь включить пользовательскую кнопку в каждый твит, который появляется на временной шкале.

var tweets = $(".tweet"); 
var len = tweets.length; 
for(var i=0;i<len;i++){ 
    if($(tweets[i]).has(".custom-button-class").length){ 
     console.log("already added"); 
    } 
    else{ 
     console.log("needs to be added"); 
     $(d).appendTo(tweets[i]); // d is the element that I am trying to append to every tweet 
    } 
} 

Я хочу, чтобы элемент будет добавлен только если твит уже на странице и если элемент уже не прилагается к нему. Пожалуйста, помогите, спасибо :)

EDIT 1: Этот код добавляет элементы снизу, как их добавить сверху? Так что пользователь не видит какого-либо отставания (как обычно, пользователь будет наверху при обновлении)? Выполнено
EDIT 2: Если я использую 2000 как таймер обновления, он добавляет элемент к одному твиту за обновлениеInterval. Таким образом, это задерживает процесс добавления элементов в каждый твит. Я хочу добавить элемент ко всем твитам (к которым не прилагается ранее) одновременно. Возможное? Совершено
Смотрите скриншот

Answer 1

Вы можете проверить, если кнопка уже добавлен с:

if(!$(tweets[i]).has(".custom-class").length) { 
    $(d).clone().prependTo(tweets[i]); 
}