Jquery .closest() Metodu

  • Kategori: JQuery
  • 2 hafta önce

Seçtiğimiz elementin üst nesnesini bulmamızı sağlar. Genelde listelemelerde kullanılır, yani en azından ben öyle yapıyorum :) Bu method ile istediğimiz seviyedeki elemanlara kolayca erişebiliyoruz.

 

.closest() metodu kullanımı

$( selector ).closest( parentElement );

Şimdi bu method için basit bir senaryo hazırlayalım.

Bu senoryoda, LI ögelerine hover ettiğimde ilgili ögenin üst UL nesnesine çıkarak buna sınıf ataması yapıyorum.

HTML


 

JQuery

$(function(){
    $('.menu-wrapper ul li').hover(function(){
    	$('.menu-wrapper ul').removeClass('hover-active');
    	$(this).closest('ul').addClass('hover-active');
    });
});

Çalışan örneği inceleyin.

Yorum Bırak

Yorum gönderirken kullanabileceğiniz BBKOD listesi için tıklayın

  • [b] ... [/b]
  • [i] ... [/i]
  • [u] ... [/u]
  • [s] ... [/s]
  • [font size="5" color="#333"] ... [/font]
  • [url href="link"] ... [/url]
  • [img alt="test"] test.jpg [/img]
  • [code lang="css"] ... [/code]
  • [code lang="js"] ... [/code]
  • [code lang="php"] ... [/code]
  • [code lang="json"] ... [/code]
  • [youtube width="560" heght="315" frameborder="0" allowfullscreen="true"] ... [/youtube]