addClass/removeClass/toggleClass methods does not work with svg nodes

[anonymous]

html:

<svg><rect id="test" class="someClass"></svg>

js:

var test = $("#test");
console.log(test.attr("class")); // someClass
test.addClass("otherClass");
console.log(test.attr("class")); // someClass
test.removeClass("someClass");
console.log(test.attr("class")); // someClass

[Rick Waldron]

​http://contribute.jquery.org/wont-fix/

[(at)idlehands]

Check this out if you're stuck without this capability:

​http://keith-wood.name/svg.html#dom

[(at)idlehands]

If you're working with SVG and jQuery, you should add the libraries here: ​http://keith-wood.name/svg.html#dom

[[email protected]…]

Current link to explanation: ​http://contribute.jquery.org/wont-fix/, section SVG/XML/VML/Namespaced Elements Bugs.

[dmethvin]

#14513 is a duplicate of this ticket.