jquery - jQuery 伪类表达式

Question

每次单击按钮时，我都使用一个按钮来创建一个新的 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");

});

Answer 1

您不需要首先创建 ID ..

您可以使用.eq() selector来定位specific divul..

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

检查小提琴

Answer 2

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