Assign ID's to dynamically generated elements using jquery

Question

In my application I read an RSS feed. Using zrssfeed (http://www.zazar.net/developers/jquery/zrssfeed/) the elements of the feed are displayed. My problem is that inside each list item, there are three

elements without ID or class.

I want to style each of these

elements differently. How can I achieve this?

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

How can I achieve assigning a different ID to each of these elements?

pdoherty926 · Accepted Answer · 2013-03-24 22:48:08Z

2

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

Fiddle

You could also use css3's nth-child selectors:

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

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

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

Fiddle

edited Mar 24, 2013 at 22:48

answered Mar 24, 2013 at 22:42

pdoherty926

10.5k5 gold badges47 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Assign ID's to dynamically generated elements using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related