使用jquery将ID分配给动态生成的元素

Question

在我的应用程序中，我读了一个RSS提要。使用zrssfeed（http://www.zazar.net/developers/jquery/zrssfeed/）显示Feed的元素。我的问题是，在每个列表项中，有三个没有ID或类的

元素。

我想以不同方式设置每个

元素的样式。我怎样才能做到这一点？

<div>
 <ul> 
 <li>
         <img />
         <p>text1</p>
         <p>text2</p>
         <p>text3</p>
 </li>
 <li> .. next item... </li>
 </ul>
</div>

如何为每个元素分配不同的ID？

Answer 1

// after elements have been created
$('li').find('p').each(function (i) {
    $(this).attr('id', 'p_' + i);
});

Fiddle

你也可以使用css3的nth-child选择器：

p:nth-child(1) {
    color: pink;
}

p:nth-child(2) {
    color: green;
}

p:nth-child(3) {
    color: yellow;
}

Fiddle