0
votes

Comment supprimer des classes de l'enfant Dom Éléments dans JS ou JQuery dans une boucle

J'ai ci-dessous la structure DOM et le code 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');
}

javascript jquery html

1 commentaires

Vérifiez cette URL développeur.mozilla.org/en-us/docs / Web / API / ChildNode / Supprimer

7 Réponses :

0
votes

Vous sélectionnez le dernier élément de la matrice d'enfants, en utilisant dernier code>. Il supprime ainsi la classe du dernier enfant.

Essayez: p>

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

2 commentaires

retirent une classe équivalente à l'élimination d'un élément. Op a demandé de supprimer un élément

J'ai essayé cela mais accéder à l'utilisation de l'index comme celui-ci ne fonctionne pas. Il supprime toujours la classe du dernier élément.

0
votes

Essayez ceci xxx

0 commentaires

0
votes

Vous pouvez sélectionner directement le dernier élément à l'aide du sélecteur JQuery et supprimez la classe

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

0 commentaires

1
votes

Vous pouvez simplement écrire dans un code d'une ligne avec une boucle à l'aide d'une boucle à l'aide de jQuery

<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>

1 commentaires

Je dois supprimer des cours pour tous les éléments enfants de la durée de la dernière fois.

1
votes

Comme vous utilisez JQuery dans votre projet, vous pouvez profiter de ses code> enfants code> et chaque code>, comme indiqué ci-dessous.

Le Les enfants La méthode recherchera chaque élément à l'intérieur du parent spécifié, tandis que chaque code> va boucler à travers eux. p>

p>



<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>
<button>Remove class</button>

0 commentaires

0
votes

Pour votre code, je comprends que vous souhaitez supprimer la classe ANC CODE> du dernier élément A. Vous pouvez le faire de cette façon document.Quiseryselector ('. Anc: dernier enfant'). Classlist.ReMove ('anc »); Code> J'ai ajouté un peu de CSS pour faciliter l'appréciation que la classe a été retirée de l'élément en question. Veuillez regarder l'exemple suivant

p>


<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>

0 commentaires

0
votes

sur chaque itérate, vous retirez la classe de dernier élément, sans Rafraîchir la collection de votre élément. P>
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<div>
    <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>
</div>

0 commentaires