jQuery伪类表达式

jQuery伪类表达式,jquery,css,unique,pseudo-class,Jquery,Css,Unique,Pseudo Class,每次单击按钮时,我都使用一个按钮创建一个新的div。最终,我需要为这些新div中的每一个都提供一个唯一的ID,但现在我需要更改某些子元素的CSS。有没有一种方法,可以使用jQuery,而不是使用伪类表达式来指定唯一的ID号,并使用该ID来更改所创建的新div的CSS 这是我的密码: $("button[type=email]").click(function(){ $("<ul />") .html('<div id="friend"><

每次单击按钮时,我都使用一个按钮创建一个新的div。最终,我需要为这些新div中的每一个都提供一个唯一的ID,但现在我需要更改某些子元素的CSS。有没有一种方法,可以使用jQuery,而不是使用伪类表达式来指定唯一的ID号,并使用该ID来更改所创建的新div的CSS

这是我的密码:

  $("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");

});
$(“按钮[type=email]”)。单击(函数(){
美元(“
    ”) .html('Friend Name') .附于(“#拖动区域”); });
您首先不需要创建ID

您可以使用
.eq()选择器
以ul内的
特定div
为目标

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

您可以在任何时候使用jQuery使用JavaScript。因此,您只需创建一个计数器(
var i=0;
),在id中使用该计数器(
id=“friend'+i+'”>
),然后递增该计数器
i++

为什么需要
[id]
?对我来说,这听起来像是一场灾难。