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

我有下面的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');
}

//html
链接1
链接2
链接3
链接4
//js
var parentElm=$（'div'）.find（'.my app'）//获取父节点
var childElms=parentElm.find（'a'）//选择父级中的所有“a”
var total=childElms.length；
对于（var i=0；i您正在使用
last
选择子数组的最后一个元素。因此，它只删除最后一个子数组的类

尝试：

for（var i=0；i您正在使用
last
选择子元素数组的最后一个元素。因此，它只删除最后一个子元素的类

尝试：

for（var i=0；i试试这个

for(var i=0;i<total;i++)
{
    childElms[total-1].removeClass('anc');
}

for（var i=0；i试试这个

for(var i=0;i<total;i++)
{
    childElms[total-1].removeClass('anc');
}

for（var i=0；i您可以使用jquery选择器直接选择最后一个元素并删除该类

$('div a:last').removeClass('anc');

您可以使用jquery选择器直接选择最后一个元素并删除该类

$('div a:last').removeClass('anc');

您只需使用jquery编写一行代码，而不必使用out循环


$（文档）.ready（函数（）{
var parentElm=$（'div.my-app a:last'）.removeClass（'anc'）；
})；
.anc{
颜色：蓝色；
}

链接1
链接2
链接3
链接4
您只需使用jquery编写一行代码，而无需使用out循环


$（文档）.ready（函数（）{
var parentElm=$（'div.my-app a:last'）.removeClass（'anc'）；
})；
.anc{
颜色：蓝色；
}

链接1
链接2
链接3
链接4
当您在项目中使用jQuery时，您可以利用它的
子类
和
每个
方法，如下所示

children
方法将搜索指定父元素中的每个元素，而
每个
将循环遍历它们


$（文档）.ready（函数（）{
"严格使用",；
$（'button'）。在（'click'，（）=>{
$（“.my app”）.children（“.anc”）。每个（（i，el）=>{
$（el.removeClass（'anc'）；
});
})
})；
.anc{
颜色：红色；
}

链接1
链接2
链接3
链接4
删除类
当您在项目中使用jQuery时，您可以利用它的
子类
和
每个
方法，如下所示

children
方法将搜索指定父元素中的每个元素，而
每个
将循环遍历它们


$（文档）.ready（函数（）{
"严格使用",；
$（'button'）。在（'click'，（）=>{
$（“.my app”）.children（“.anc”）。每个（（i，el）=>{
$（el.removeClass（'anc'）；
});
})
})；
.anc{
颜色：红色；
}

链接1
链接2
链接3
链接4
删除类
对于您的代码，我知道您想从最后一个元素a中删除类
anc
。您可以通过这种方式执行
document.querySelector（'.anc:last child'）.classList.Remove（'anc'））
我添加了一些css，以便于理解该类已从相关元素中删除。请查看以下示例


document.querySelector（'.anc:last child'）.classList.remove（'anc'）；
.anc{
颜色：红色；
字体大小：粗体；
}

链接1
链接2
链接3
链接4
对于您的代码，我知道您希望从最后一个元素a中删除类
anc
。您可以通过这种方式执行
document.querySelector（'.anc:last child'）.classList.remove（'anc'））
我添加了一些css，以便于理解该类已从相关元素中删除。请查看以下示例


document.querySelector（'.anc:last child'）.classList.remove（'anc'）；
.anc{
颜色：红色；
字体大小：粗体；
}

链接1
链接2
链接3
链接4

在每次迭代中，您都将删除最后一个元素的类，而不删除
刷新元素集合


$（文档）.ready（函数（）
{
//选择类别为“anc”的图元
var childElms=$（'div'）.find（'my app'）.find（'a.anc'）；
对于（var指数=0；指数
在每次迭代中，您都将删除最后一个元素的类，而不删除
刷新元素集合


$（文档）.ready（函数（）
{
//选择类别为“anc”的图元
var childElms=$（'div'）.find（'my app'）.find（'a.anc'）；
对于（var index=0；indexis删除一个相当于删除一个元素的类。OP要求删除一个元素。我尝试过这样做，但使用这样的索引进行访问不起作用。它仍然从最后一个元素中删除类。它删除一个相当于删除一个元素的类。OP要求删除一个元素。我尝试过这样做，但使用这样的索引进行访问不工作。它仍然从最后一个元素中删除类。检查此URL检查此URL我必须从最后一个元素到第一个元素删除所有子元素的类。我必须从最后一个元素到第一个元素删除所有子元素的类。