Как добавить артрибут во все ссылки внутри одного div?

Question

[machno]

Собственно есть один div и в нем есть несколько ссылок с картинками
И нужно во все ссылки добавить артрибут, id или rel, например

Answer 1

[Yakov Akulov]

если у div id="div_id"

$('#div_id a').attr('rel', 'hello world');
// если атрибуты нужны разные
$('#div_id a').each(function(){
  $(this).attr('rel', 'any value');
});

Comments

[machno]

Не работает. Могли бы вы набросать работоспособную страничку? Спасибо.

[Yakov Akulov]

@machno jsfiddle.net/bagugbt0 в таком примере работает

[machno]

@jakulov Спасибо. Все запилил, работает

[Rrooom]

Рекомендую взять за привычку не писать длинные селекторы, лучше заменить $('#div_id a') на ('#div_id')>find('a'). Микрооптимизация, но для порядка - лучше.

Answer 2

[vdem]

jQuery('div.myDiv a').prop('rel', 'some value');
P.S. Не рекомендую устанавливать атрибут "id" таким образом - "id" должен быть уникальным.

Comments

[machno]

Но нужно или rel или id нескольким ссылкам расставить. Только тем, которые имеют картинку.

[Евгений Петров]

@machno если id будут отличаться — не вопрос. Если вы хотите ставить один и тот же id — это ошибка.

Answer 3

[Александр Суставов]

var myDiv = document.getElementById('myDiv');

for(var i = 0;myDiv.getElementsByTagName('a')[i];i++){
    myDiv.getElementsByTagName('a')[i].id = 'stringId: ' + i;
    myDiv.getElementsByTagName('a')[i].rel = 'stringRel: ' + i;
}