javascript - 如何在循环中删除JS或Jquery中的子dom元素类

Question

我有以下 DOM 结构和 js 代码。

//html
<div class="my-app">
    <a class="anc">Link1</a>
    <a class="anc">Link2</a>
    <a class="anc">Link3</a>
    <a class="anc">Link4</a>
</div>

//js
var parentElm = $('div').find('.my-app') //get the parent node
var childElms = parentElm.find('a'); //select all 'a'inside parents
var total = childElms.length;

for(var i=0;i<total;i++)
{
childElms.last().removeClass('anc');
}

我面临的问题是，上面的代码仅从一个“a”元素(即 Link4)中删除类，尽管循环运行了 4 次。那么我在这里缺少什么？我查了一下没有得到任何引用。

提前致谢!

Answer 1

您可以简单地使用 jquery 编写一行代码，而无需使用循环

$(document).ready(function(){
var parentElm = $('div.my-app a:last').removeClass('anc');
});

.anc{
color:blue;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="my-app">
    <a class="anc">Link1</a>
    <a class="anc">Link2</a>
    <a class="anc">Link3</a>
    <a class="anc">Link4</a>
</div>