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定位ul ..

中的specific div

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

<强> Check Fiddle

Answer 2

您可以在使用jQuery时随时使用JavaScript。因此，您只需创建一个计数器（var i = 0;），在id（id="friend'+i+'">）中使用该计数器，然后递增该计数器i++;。

jQuery伪类表达式

2 个答案: