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

Question

在我的应用程序中，我阅读了一个 RSS 提要。使用 zrssfeed ( http://www.zazar.net/developers/jquery/zrssfeed/ ) 显示提要的元素。我的问题是在每个列表项中，有三个没有 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