Comunidad de diseño web y desarrollo en internet online

jQuery NO LOGICO?? .prepend .append .before .after

Citar            
MensajeEscrito el 15 Mar 2012 06:27 pm
Hola todos, le esplico
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....

Por lekofev

25 de clabLevel



 

chrome
Citar            
MensajeEscrito el 15 Mar 2012 06:36 pm
Para esos casos esta el método wrap, que envuelve cualquier contenido con la etiqueta que desees.

$('.marco').wrap('<ul />');

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 15 Mar 2012 07:35 pm
Buena... si pude envolver las etiquetas "sub-marco" con "wrap('<li/>') , pero como envuelvo ahora ambas listas con un <UL>, por ejemplo si tengo 10 listas, como las envuelo???
<ul>
<li></li>
<li></li>
<li></li>
<ul/>

Por lekofev

25 de clabLevel



 

chrome
Citar            
MensajeEscrito el 15 Mar 2012 08:24 pm
Eso lo peudes hacer con wrapAll : D

Por lekofev

25 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.