jQuery .andSelf() Metodu

Belirli bir sıraya sahip olan HTML elementlerini seçerken belirli bir elemanı dahil etme işlemini sizlere aktarmaya çalışacağız.

jQuery ile eleman seçerken, genellikle belirli bir indeksten büyük olanlar yada belirli bir indeksten küçük olanlar şeklinde bir kod yazmayı tercih ederiz. Şöyle açıklayalım bu cümleyi

Örnek 1) Üçüncü indeksten sonraki elemanların arkaplan rengi kırmızı olsun
Örnek 1 (jQuery)
jQuery(document).ready(function () {
jQuery("li.madde3").nextAll().css({"background-color": "red"});
});
Örnek 1 (CSS)
ul{list-style-type:none;}
ul li{float:left;padding:2px 4px;margin-right:3px;border:1px solid #ddd;}
Örnek 1 (HTML)
<ul>
<li class="madde1">Madde 1</li>
<li class="madde2">Madde 2</li>
<li class="madde3">Madde 3</li>
<li class="madde4">Madde 4</li>
<li class="madde5">Madde 5</li>
</ul>
Örnek 1
  • Madde 1
  • Madde 2
  • Madde 3
  • Madde 4
  • Madde 5


Örnek 2) Şimdi ise üçüncü indeks ve sonraki elemanların arkaplan renginin kırmızı olması için .andSelf() metodunu kullanalım.
Örnek 2 (jQuery)
jQuery(document).ready(function () {
    jQuery("li.madde3").nextAll().andSelf().css({"background-color": "red"});
});
Örnek 2
  • Madde 1
  • Madde 2
  • Madde 3
  • Madde 4
  • Madde 5

Yorumlar

  • Murat

    Murat:

    3 yıl önce

    Teşekkürler, daha fazla jQuery makalesi eklemeniz dileğiyle.
    2 cevapla

Yorum Yaz

Avatar

REKLAM

DDos Koruma, Botnet Koruma, Layer 7 Saldırı koruması, Sanal sunucu, Vds sunucu

REKLAM

Çizgi Filmler

EN

  • Popüler
  • Yeni
  • Son Yorum