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