lista - jQuery: Agregar elemento después de otro elemento

insertar codigo html con jquery

Question

Tengo un cierto cuadro de texto y quiero agregar un div después de él. .append() función .append() , pero eso solo agrega el div en el elemento.

Por ejemplo, tengo:

<input type="text" id="bla" />

y quiero cambiar eso en:

<input type="text" id="bla" /><div id="space"></div>

Answer 1

En primer lugar, input elemento de input no debe tener una etiqueta de cierre (de http://www.w3.org/TR/html401/interact/forms.html#edef-INPUT : End tag: forbidden).

En segundo lugar, necesita la función Documentation , not append() .

Answer 2

intente usar el método after() :

$(''#bla'').after(''<div id="space"></div>'');

Documentation

Answer 3

tratar

.insertAfter()

aquí

$(content).insertAfter(''#bla'');

Answer 4

Solucionado jQuery: Agregar elemento después de otro elemento

<script>
$( "p" ).append( "<strong>Hello</strong>" );
</script>

O

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery ( ".sidebar_cart" ) .append( "<a href=''http://#''>Continue Shopping</a>" );
});
</script>