Bu yazımızda jQuery’de length özelliğinin ne işe yaradığını ve nasıl kullanabileceğimizi göstereceğim.
jQuery length özelliği ile seçmiş olduğumuz bir Html öğesinin sayısını öğrenebiliriz.
Örneğin üç tane p etiketi bir tane de button etiketi yazalım. Butona tıklandığında, p etiketlerinin sayısını alert mesajı ile gösterelim.
Html Kodları
|
1 2 3 4 5 6 7 8 9 |
<button id="length">p etiketlerinin sayisi ?</button> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor.</p> <p>Lorem ipsum dolor sit.</p> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> |
Css Kodları
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<style> button { padding: 10px; background-color: cornflowerblue; color: #fff; border: none; cursor: pointer; font-size: 16px; } </style> |
jQuery Kodları
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> $(document).ready(function() { $("#length").click(function() { var count = $("p").length; alert(count); }); }); </script> |
Umarım sizin için faydalı bir yazı olmuştur.
Şu yazılar da ilginizi çekebilir.
jQuery slideDown(), slideUp(), slideToggle() Metodları ve Kullanımları
jQuery fadeOut(), fadeIn(), fadeToggle(), fadeTo() Metodları ve Kullanımları
Yeni bir yazımda görüşmek üzere.
