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);
});

小提琴

您还可以使用 css3 的nth-child选择器：

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

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

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

小提琴