Ö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
