Получите «id» и добавьте в каждый div (name = «id»)

Question

$(document).ready(function() { 
    var idPost = $('.post-outer').attr('id'); 
    $('.post-outer').attr('name', idPost); 
}); 

Когда вы запускаете JS выше, он принимает только первый «ID», повторяющийся в другом «DIV». Что происходит:

<div class="post-outer" id="001" name="001">teste1</div> 
<div class="post-outer" id="002" name="001">teste2</div> 
<div class="post-outer" id="003" name="001">teste3</div> 

Я хотел случиться так:

<div class="post-outer" id="001" name="001">teste1</div> 
<div class="post-outer" id="002" name="002">teste2</div> 
<div class="post-outer" id="003" name="003">teste3</div> 

Answer 1

Demo

$('.post-outer .post-footer .post-footer-line.post-footer-line-2 .post-labels a').each(function(index, el) { 
    $(this).parents('.post-outer:eq(0)').attr('itemtype', $(this).attr('href')); 
}); 

Answer 2

Используйте .each() метод:

$('.post-outer').each(function() { 
    $(this).attr('name', $(this).attr('id')); 
}); 

перебрать объекта JQuery, выполняя функцию каждый согласованный элемент.

Answer 3

Функция .attr() может принимать функцию в качестве аргумента. Он вызывает функцию повторно для каждого элемента (например, .each()), а возвращаемое значение - это новое значение атрибута.

$('.post-outer').attr('name', function() { 
    return this.id; 
}); 

Это, по существу эквивалентно ответу mevius, но это не вызывает .attr() неоднократно.