jQuery: In Element nach dem anderen Element

Question

Ich habe eine bestimmte Textbox und ich möchte ein div nachdem es hinzuzufügen. Ich habe die .append() Funktion versucht, aber das trägt nur die div in dem Elemente.

Zum Beispiel habe ich:

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

und ich möchte zu ändern, die in:

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

Answer 1

versuchen, die after() Methode:

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

Dokumentation

Answer 2

Versuch

.insertAfter()

hier

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

Answer 3

Zu allererst input Element sollte nicht einen schließenden Tag hat (von http://www.w3.org/TR/html401/interact/forms.html#edef-INPUT : End-Tag: verboten ).

Die zweite Sache, müssen Sie die after() , nicht append() Funktion.

Answer 4

Gelöst jQuery: Add Element nach dem anderen Element

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

oder

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