Bazen css attributelerine (div, span, a vs.) tanınmış birden fazla class özelliklerinden sadece birine göre eşleşen attribute’yi seçip ona işlem yaptırmamız gerekebilir. Örneğin birden fazla ürün listelenen bir sayfamız var ve bunların css yapısı aşağıdaki gibi;

[html]

<ul class="urunler">

<li class="aktif bilgisayar">Bilgisayar</li>

<li class="pasif mouse">Mouse</li>

<li class="pasif telefon">Telefon</li>

</ul>

[/html]

aktif ve pasif classları bize aktif olan ürünü gösteren değişken diğeri ise ürünün ayırt edici değişkeni olsun. Şimdi gelin beraber tıkladığımız ürünün ayırt edici class ismini veren bir jquery kodu yazalım.

[html]
<script>
$(function(){
$(‘ul.urunler li’).click(function(e){
alert($(this).attr(‘class’).split(" ")[1]);
});
});
</script>
[/html]

Yukarıdaki kodlarda dikkatinizi çeken muhtemelen split(” “)[1] kodudur. Bu kod tıkladığınız li elementinin class değişkenleri içinden 2. olanı seçmektedir. Basit ama oldukça kullanışlı olan bu kod bloğunu kullanmadan önce sayfanıza jquery kütüphanesini dahil etmeyi unutmayın.

DEMO

See the Pen Jquery’de birden fazla class değişkeni içinden birini seçmek by Tahsin Gungordu (@bymega) on CodePen.

Your email address will not be published. Required fields are marked *