Appliquer l'attribut rel automatiquement à l'aide de messages jQuery
Question
Modifié:. Je veux dire groupant comme donnant la même REL
attibute à tous IMG
s dans le même poste, mais chaque poste a différents REL
comme l'exemple à la fin de cette question
Alors, je dois faire ce qui suit:
<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>
J'utilise jQuery et Colorbox. Les deux premiers sont des conteneurs DIV
s messages. Je dois regrouper les IMG
s dans chaque <div class="post hentry uncustomized-post-template">
en utilisant l'attribut REL
, comme:
1 - Poster
1.1 - IMG - rel = "group0"
1.2 - IMG - rel = "group0"
1.3 - IMG - rel = "group0"
1.4 - IMG - rel = "group0"
2 - Poster
2.1 - IMG - REL = "groupe1"
3 - Poster
3.1 - IMG - REL = "group2"
3.2 - IMG - REL = "group2"
J'ai tryied HAS
, PARENT > CHILDREN
et CHILDREN()
de jQuery et REL:
de Colorbox, mais il semble que je me manque quelque part dans la logique.
Quelqu'un pourrait-il me aider?
La solution
est-ce que vous voulez dire?
// '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);
});
modifier: ajouter des commentaires, espérons que cette aide les nouveaux avec jquery