Manipulation de classe SVG jQuery : pourquoi `addClass()` et `removeClass()` échouent-ils ?

jQuery SVG : Pourquoi ne puis-je pas manipuler les classes ?

Lorsque vous travaillez avec jQuery pour manipuler des éléments SVG, vous pouvez rencontrer des difficultés pour ajouter ou supprimer des classes. Il ne s'agit pas d'une erreur de syntaxe mais découle des limitations de jQuery.

Limites de jQuery

Les versions de jQuery antérieures à 3 ont des limitations connues dans l'interaction avec les éléments SVG. Plus précisément, les méthodes .addClass() et .removeClass() peuvent ne pas fonctionner comme prévu.

Solution de contournement utilisant .attr()

Une solution de contournement dans jQuery consiste à utiliser la méthode .attr() :

// Adding a class
$("#item").attr("class", "oldclass newclass");

// Removing a class
$("#item").attr("class", "oldclass");

Alternative JavaScript Vanilla

Pour une solution non-jQuery, vous pouvez utiliser l' Méthodes element.classList.add() et element.classList.remove() :

// Adding a class
var element = document.getElementById("item");
element.setAttribute("class", "oldclass newclass");

// Removing a class
element.setAttribute("class", "oldclass");

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!