Jquery’de Contains

Selamlar;

Bugün jquery’de contains function’ının bize getirdiği büyük kolaylıktan bahsedeceğiz.

Örneğin bir çok div’imiz olsun. Ve Mvc sayfamızdaki bu divlerin içinde yazılarımız olsun. Şimdi bir arama yapıp ilgili kelimenin geçtiği divlerin arka rengini değiştirelim. İlgili kod aşağıda görüldüğü gibidir. “contains” function’ı ile aranan text’in geçtiği divlerin arka rengi css yardımı ile kırmızı renge bürünmüştür.

İlgili Ekran Çıktısı:

Contains1

Bir de koşula göre “contains” nasıl kullanılır onu inceleyelim: Aşağıdaki örnekde “counter” adında bir değişken oluşturulmuş ve her kayıt için “1” arttırılmıştır. Aranan kelimenin ait olduğu div’in arka rengi counter çift sayı olduğu durumda kırmızı tek sayı olduğu durumda mavi atanmıştır.

Contiains2

Şimdi sıra geldi Case Insensitive yani büyük küçük harf duyarlılığını bırakmaya.

Bunu için ya var olan contains aşağıdaki gibi ezilir.

Yada aşağıdaki gibi yeni birtane yaratılır. Kullanım şeklide aşağıdaki gibidir.

contains3

Geldik bir makalenin daha sonuna. Yeni bir makalede görüşmek üzere hoşçakalın.

 

Herkes Görsün:

Bunlar da hoşunuza gidebilir...

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir