Javascript Jquery

JQuery – < li > Etiketi Kullanarak Sayfaya Liste Ekleme

Bu yazımızda JQuery ile sayfamızda oluşturduğumuz ul etiketleri içine JQuery ile li etiketi kullanarak liste elemanı ekleyecek bir örnek oluşturacağız. Örneğimizde liste elemanlarını eklemeden önce temizleme işlemini empty() metodunu kullanarak, li etiketi ile listeye eleman ekleme işlemini append metodu ile gerçekleştireceğiz. Ekleyeceğimiz liste elemanlarını oluşturacağımız diziyi kullanarak gerçekleştireceğiz. Dizi elemanlarının eklenmesini ise For Döngüsü içinde gerçekleştireceğiz.

Örneğimize ait html kodları aşağıdaki gibi olacaktır.

liste.js dosyamızın içeriği ise aşağıdaki gibi olacaktır.

Sayfamızı görüntülediğimizde Liste Ekle butonuna bastığımızda ekran çıktısı aşağıdaki gibi olacaktır.

 

Yorum yap

Web Tasarım & Programlama sitesinden daha fazla şey keşfedin

Okumaya devam etmek ve tüm arşive erişim kazanmak için hemen abone olun.

Okumaya devam et