jQuery выражения псевдокласса

Question

Я использую кнопку для создания нового div каждый раз, когда нажимается кнопка. В конечном счете, мне понадобится уникальный идентификатор для каждого из этих новых div, но сейчас мне нужно изменить CSS для определенных дочерних элементов. Вместо использования выражений псевдокласса, существует ли способ, используя jQuery, чтобы я мог назначить уникальный идентификационный номер, и использовать этот идентификатор для изменения CSS новых создаваемых divs?

Вот мой код:

$("button[type=email]").click(function(){ 
    $("<ul />") 
     .html('<div id="friend"><b>Friend Name<b><a class="close closethis tooltip" data-tooltip="Remove persona"><i class="icon-remove"></i></a></div>') 
       .appendTo("#drag-area"); 

}); 

Answer 1

Вам не нужно, чтобы создать идентификатор в первую очередь ..

Вы можете использовать .eq() selector для нацеливания specific div внутри ул ..

$('#drag-area').find('ul').eq(2).find('div').addClass('yourClass'); 

Check Fiddle

Answer 2

Вы можете использовать JavaScript в любое время, когда используете jQuery. Таким образом, вы можете просто создать счетчик(), использовать этот счетчик в id (id="friend'+i+'">), а затем увеличить этот счетчик i++;.