Bu yazımızda jQuery filtreleme fonksiyon uygulamalarından "(.has)" fonksiyonu ile liste stil (css) özellikleri ile ilgili bir uygulama yapacağız.
Filtreleme fonksiyon açıklamaları için önceki dersimizi inceleyebilirsiniz.
Filtreleme fonksiyonları (.has):
İçinde bulunan değere göre filtreleme yapar
Uygulama:
- Liste-1
- Liste-2
- Liste-3
- liste3-1
- liste3-2
- liste3-3
- Liste-4
- Liste-5
- liste5-1
- liste5-2
- liste5-3
CSS yapısı:
#has_liste{
width:100px;
}
HTML yapısı:
<ul id="has_liste">
<li>Liste-1</li>
<li>Liste-2</li>
<li>Liste-3
<ul>
<li>liste3-1</li>
<li>liste3-2</li>
<li>liste3-3</li>
</ul>
</li>
<li>Liste-4</li>
</ul>
jQuery yapısı:
<script type="text/javascript">
$(document).ready(function(){
$('#has_liste li').has("ul").css({"background-color":"orange"});
});
</script>
Açıklamalar:
- 3. "ul" içeren "li" etiketlerini seçip arkaplan rengini "turuncu" yaptık.
Kolay gelsin, görüşmek üzere...
