Применять атрибут REL автоматически к сообщениям, используя jQuery - PullRequest
Новая
       11

Применять атрибут REL автоматически к сообщениям, используя jQuery

1 голос
/ 21 февраля 2010

Отредактировано: я имею в виду группирование как предоставление одинакового REL атрибута всем IMG s в одном и том же посте, но каждый пост имеет разные 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 являются контейнерами сообщений. Мне нужно сгруппировать IMG в каждом <div class="post hentry uncustomized-post-template">, используя атрибут REL, например:

1 - Пост

1.1 - IMG - REL = "group0"

1,2 - IMG - REL = "group0"

1,3 - IMG - REL = "group0"

1.4 - IMG - REL = "group0"

2 - сообщение

2,1 - IMG - REL = "group1"

3 - сообщение

3,1 - IMG - REL = "group2"

3,2 - IMG - REL = "group2"

Я пробовал HAS, PARENT > CHILDREN и CHILDREN() из jQuery и REL: из Colorbox, но, похоже, мне не хватает где-то логики.

Может ли кто-нибудь мне помочь?

1 Ответ

1 голос
/ 22 февраля 2010

это то, что вы имеете в виду? 

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

edit: добавьте несколько комментариев, надеюсь, это поможет новичкам с jquery

...