los comando jQuery ".prepend .append .before .after " sirven para agregar etiquetas HTML dinamicamente Funcionan muy bien !! y me han salvado la vida muchas veces.... peeeeero ahora tuve esta necesidad.
Tengo este codigo ejemplo
Código HTML :
<div class="marco"> <div class="sub-marco"><img/></div> <div class="sub-marco"><img/></div> </div>
- Quiero agregarle dinamicamente <UL> despues de la etiqueta de apertura del div "marco" y antes del cierre de la etiqueta "marco" </UL>.
- Agregar <LI> y </LI> que envuelvan las etiquetas "sub-marco"
Código HTML :
<div class"marco"> <ul> <li><div class="sub-marco"><img/></div></li> <li><div class="sub-marco"><img/></div></li> </ul> </div>
Probando con esto ".prepend .append .before .after "
Código HTML :
jQuery('.marco').prepend('<ul>'); jQuery('.marco').append('</ul>'); jQuery('sub-marco').before('<li>'); jQuery('sub-marco').after('</li>');
Obtengo esto
Código HTML :
<div class"marco"> <ul></ul> <li></li> <div class="sub-marco"><img/></div> <li></li> <div class="sub-marco"><img/></div> </div>
Al agregarle por ejemplo .prepend("<ul>") , dinamicamente se agregan dos etiquertas la de apertura <UL> y automaticamente la de cierre </UL>, y yo creo eso no deberia de sucedes, si tan solo quiero agregar una etiqueta y no dos !!, tambien sucede lo mismo con H1 <div> y todas en general...
Alguna opinion de que si este es un NO LOGICO? o yo estoy haciendo mal....