jquery - 使用jQuery自动将 REL attibute应用到 post

  显示原文与译文双语对照的内容
0 0

对每一个项目进行收费:在同一篇文章的文章中,将相同的REL attibute作为一个例子,但每个帖子的结尾都有不同的REL

因此,我需要执行以下操作:

<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>

我正在使用jQuery和 Colorbox 。 前两个 DIV 是posts容器。 我需要把 IMG的每一个分组 <div class="post hentry uncustomized-post-template"> 使用 REL 属性,例如:

1 - Post

1.1 -""rel="group0"

1.2 -""rel="group0"

1.3 -""rel="group0"

1.4 -""rel="group0"

2 - Post

2.1 - rel= -""

3 - Post

3.1 -""rel="group2"

3.2 -""rel="group2"

我从jQuery和获得了 tryied HASPARENT> CHILDRENCHILDREN(),但似乎我缺少逻辑。

有人帮我?

时间:原作者:3个回答

0 0

这就是你的意思?

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

编辑:添加一些注释,希望这有助于那些使用jquery的新手。

原作者:
...