JQuery – < li > Etiketi Kullanarak Sayfaya Liste Ekleme – Ahmet Cansever
Salı , 24 Ekim 2017
Anasayfa » Javascript » JQuery – < li > Etiketi Kullanarak Sayfaya Liste Ekleme

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.

 

Hakkında Ahmet C

İlginizi Çekebilir

JQuery Accordion Panel

Bu örneğimizde JQuery’nin Ui eklentisini kullanarak Accordion Panel yapacağız. İlk olarak JQuery’nin sayfasından, JQuery ve …

Yorum Yap

Wordpress Tema indir