Aplique o REL attribute automaticamente em postagens usando jQuery

Question

Editado: quero dizer agrupamento como dar o mesmo REL Attribuir a todos IMGestá no mesmo post, mas cada post tem diferente REL como exemplo no final desta pergunta.

Então, eu preciso fazer o seguinte:

<div id="Blog1" class="widget Blog">
<div class="blog-posts hfeed">
<div class="post hentry uncustomized-post-template">
<a name="8829400899632947948"/>
<div class="post-body entry-content">
<div id="8829400899632947948">
<div class="separator">

<a imageanchor="1" href="/images/outta.png">
<img src="/images/outta.png"/></a></div></div>

<div style="clear: both;"/>
</div>
<div class="post-footer">
</div></div></div></div>

Estou usando jQuery e colorbox. Os dois primeiros DIVS são recipientes de postagens. Eu preciso agrupar o IMGs em cada um <div class="post hentry uncustomized-post-template"> usando o REL atributo, como:

1 - POST

1.1 - img - rel = "Group0"

1.2 - img - rel = "Group0"

1.3 - img - rel = "Group0"

1.4 - img - rel = "Group0"

2 - POST

2.1 - img - rel = "Group1"

3 - Post

3.1 - img - rel = "Group2"

3.2 - img - rel = "Group2"

Eu tentei HAS, PARENT > CHILDREN e CHILDREN() de jQuery e REL: da Colorbox, mas parece que estou faltando em algum lugar na lógica.

Alguém poderia me ajudar?

Answer 1

É isto que você quer dizer?

// 'walk' through every element that has class 'post'
// passing the index of each element to variable i
$('.post').each(function(i) {
    // on `this` element, find all children img
    // to which add attribute 'rel' with a value of
    // 'group' concatenated with the parent's index (i)
    $(this).find('img').attr('rel', 'group' + i);
    });

Editar: adicione alguns comentários, espero que isso ajude aqueles que estão novos com o jQuery