Hot to get svg inside a span using jQuery's find()

Question

I'm having difficulties selecting a svg element (actually written like img and converted later to svg using jQuery).

The code is:

Html:

<div class="tab-content">
    <div id="personas" class="active">
    <span id="boton_auto"><img class="svg" src="img/auto.svg" /></span>
</div></div>

and jQuery

$(".tab-content div span").find( "svg" ).addClass("activo");

What could be the problem? Thanks in advance!

I link you to the commentary where I got that code http://stackoverflow.com/a/11978996/1880249 — GuilleDelicia, Mar 17 '15 at 20:49
the image conversion happens slowly so if you have `$(".tab-content div span").find( ".svg" )` right after conversion it won't work — Dhiraj, Mar 17 '15 at 21:00

miller345 · Accepted Answer · 2015-03-18T23:00:10.487

1

you missed the dot before svg

or the whole line could be: $(".tab-content .svg").addClass("activo");

edit: I looked at the code that replaces it with an svg. It get's it asynchronously. Are you running your find line before its done? Try adding the line directly after the line $img.replaceWith($svg);

edited Mar 18 '15 at 23:00

answered Mar 17 '15 at 20:47

miller345

71
4

it's the same, the selector dont get the svg element – GuilleDelicia Mar 17 '15 at 20:54

Hot to get svg inside a span using jQuery's find()

1 Answers1