Jquery 为同一类的元素分配不同的元素ID

我整个上午都在做这件事，我就是不能让它做我想做的事

我一直在使用jQuery，我只是在学习

我的页面有6个部分，一些有id，一些没有。他们都是同班同学

我的目标是找到每个部分并将ID设置为特定值。“A”“B”等等。。。。我不知道如何做到这一点，所以我的计划是创建一个循环，并将id设置为“section1”“section2”。。。。。然后返回并将其更改为文本值

不理想，而且无论如何也不起作用。这就是我所做的，结果是所有的分区id都设置为“section5”

我理解它为什么这么做。循环将查找部分并将所有id设置为“section0”，然后重新开始。我只是不知道如何修复它

此外，将id从“section5”更改为“F”也不起作用

<script>
$(document).ready( function () {
    for(var i=0;i<6;i++){
        $('section.page-section').attr('id','section'+i+'');
    }
    $('#section0').attr('id', 'A');
    $('#section1').attr('id', 'B');
    $('#section2').attr('id', 'C');
    $('#section3').attr('id', 'D');
    $('#section4').attr('id', 'E');
    $('#section5').attr('id', 'F');
});
</script>

$（文档）.ready（函数（）{
对于（var i=0；i您可以使用
prop
方法将执行的隐式循环，并使用传入的索引来知道应该将id设置为什么


$（'section.page section'）.prop（'id'，函数（索引）{
返回“节”+索引；
});
console.log(
$（'section.page section'）.get（）
)；
您可以使用
：eq（）
重写第一次尝试，如下所示：


for（var i=0；i您正在选择每个循环上的所有元素，而不是要更改的索引处的当前元素


var sections=$（'section.page section'）
对于（变量i=0；i<6；i++）{
节.eq（i）.attr（'id'，'section'+i+''）；
}
$（'#section0'）.attr（'id'，'A'）；
$（'第1节'）.attr（'id'，'B'）；
$（#section2'）.attr（'id'，'C'）；
$（'#section 3'）.attr（'id'，'D'）；
$（'#section4'）.attr（'id'，'E'）；
$（#section5'）.attr（'id'，'F'）；
.page section:：before{
内容：属性（id）
}
您每次都在选择所有部分，而不是您想要的索引