javascript - Add a span in a span with JQuery -
i'm trying put <span> in other <span> in title of jquery's modal doesn't work.
here's html code :
<div class="ui-dialog-titlebar..."> <span class="ui-dialog-title">info title</span> ... </div> <div id="1"> and want put <span class="glyphicon glyphicon-info-sign"></span> inside ui-dialog-title <span>.
i tried :
$(".ui-dialog-title").prepend('<span class="glyphicon glyphicon-info-sign"></span>'); and works !
<div class="ui-dialog-titlebar..."> <span class="ui-dialog-title"> <span class="glyphicon glyphicon-info-sign"></span>info title </span> ... </div> <div id="1"> but, have multiple <span> class ui-dialog-title in document , want access <span> using id of next <div>.
i tried :
$("#"+myid).prev("div").first("span").prepend('<span class="glyphicon glyphicon-info-sign"></span>');
but glyphicon <span> placed before ui-dialog-title <span> :
<div class="ui-dialog-titlebar..."> <span class="glyphicon glyphicon-info-sign"></span> <span class="ui-dialog-title">info title</span> ... </div> <div id="1"> i don't understand why placed here because other method, works.
i hope understand problem , thank !
you can do:
$("#"+myid).prev("div").find(".ui-dialog-title").prepend('<span class="glyphicon glyphicon-info-sign"></span>'); working example
structure:
<div class="ui-dialog-titlebar"> <span class="ui-dialog-title"><span class="glyphicon glyphicon-info-sign"></span>info title</span> </div>
Comments
Post a Comment