Bir öğeyi başka bir öğeden sonra nasıl ekleyebilirim?

174

Belirli bir metin kutusu var ve ondan sonra bir div eklemek istiyorum. Ben .append()fonksiyonu denedim , ama bu sadece öğe div ekler.

Örneğin, ben var:

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

ve bunu şu şekilde değiştirmek istiyorum:

<input type="text" id="bla" /><div id="space"></div>
html  jquery  append  insertafter 
— skerit
kaynak

Yanıtlar:

290

after()yöntemi kullanmayı deneyin :

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

belgeleme

— üvez ağacı
kaynak
8
.After () ve .insertAfter () yöntemleri aynı görevi gerçekleştirir.
— Rifat
7
Bu doğru, ancak kodlamayı tercih ettiğiniz şekle bağlıdır. Normalde '#bla' girdisini zaten seçtim ve daha sonra ekstra içeriği eklerdim. Tamamen benim tercihim olsa da, her iki yöntemin de hız yararı olup olmadığından emin değilim.
— Rowan
37

Deneyin

.insertAfter()

buraya

$(content).insertAfter('#bla');
— Rıfat
kaynak
17
Kodunuz daha $('<div id="space"></div>').insertAfter('#bla')çok benzememeli $('#bla').insertAfter(content);mi?
— Rowan
1

Çözülmüş jQuery: Başka bir öğenin arkasına öğe ekle

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

VEYA

<script type="text/javascript"> 
jQuery(document).ready(function(){
jQuery ( ".sidebar_cart" ) .append( "<a href='http://#'>Continue Shopping</a>" );
});
</script>
— Ashar Zafar
kaynak
2
Bu yanlış. Bu, OP'nin belirttiği gibi, öğeyi üst öğeye ekler. Soruyu tekrar okuyup cevabınızı gözden geçirmeyi düşünün.
— Evan Wieland
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.