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.
UstaDerslik
