Jquery Ders-22 .next() ve .prev() Kullanımı
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jquery Ders-22 .next() ve .prev() Kullanımı

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(3174)
RAPOR ET
Jquery serimizin bu bölümünde .next() ve .prev() methodlarını işleyeceğiz.Bu methotların işlevleri şunlar.Next kendinden sonraki ilk objeyi seçer.Prev ise kendinden önceki ilk objeyi seçer.

1-next()

$("span").next().css("background","red");


Yukarıda span tagından sonra gelen ilk nesneyi bul ve arkaplanını kırmızı yap dedik.

$("span").next(".alan").css("background","red");


Nextin parentez içlerini belirli bir neseneyi nitelersek eğer o varsa işlem yapar.Yani yukarda spandan sonra gelen alan clasına sahip bir objeyse arkaplanını kırmızı yap dedik.

2-prev()

Kullanımı next ile aynı.Sadece işlevi az farklı.

$("span").prev().css("background","red");


Bu şekilde spandan önce gelen ilk nesneyi seçer ve işlem yapar.

$("span").prev(".alan").css("background","red");


Bu şekilde de spandan önce gelen ilk obje alan clasına sahipse objeye işlem yapar.

Genel örnek:

<!DOCTYPE html>
<html lang="en">
<head>
<title>cArleone</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){

$(".alan").next().next().css("background","red");

});
</script>
</head>
<body>

<div class="alan">cArleone</div>

<span>metin</span>

<div>seçilecek</div>

</body>
</html>


Yukarıda seçilecek metnin arkaplanı kırmızı olacaktır.Yukarıda 2 defa next() verdik o yüzden spanı değilde div i seçti.Aynı şekilde prevde de ard arda kullanabilirsiniz.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol