jQuery Gezinti - next() Yöntemi
Örnek
Her bir paragrafın bir sonraki kardeş elementini bulur, sadece "selected" adlı sınıfa sahip paragrafları seçer:
$("p").next(".selected").css("background", "yellow");
Tanım ve Kullanım
next() her bir elementin kardeş elementini döner. Seçici sağlanırsa, bu seçiciye uyumlu olan bir sonraki kardeş element döner.
Sözdizimi
.next(selector)
| Parametre | Açıklama |
|---|---|
| selector | Dize değer, elementi eşleştirmek için kullanılan seçici ifadesi içerir. |
Ayrıntılı Açıklama
Bir DOM element koleksiyonunu temsil eden bir jQuery nesnesi verildiğinde, .next() yöntemi bize DOM ağacındaki elementin hemen ardından gelen kardeş elementini arama olanağı sağlar ve uyumlu elementle yeni bir jQuery nesnesi oluşturur.
Bu yöntem, $() fonksiyonuna ilettiğim türde seçici ifadesi ile seçim yapmayı kabul eder. Eğer hemen ardından gelen kardeş element bu seçiciye uyuyorsa, yeni oluşturulan jQuery nesnesinde kalır; aksi takdirde dışarı atılır.
Aşağıdaki basit listeli sayfayı düşünün:
<ul> <li>list item 1</li> <li>list item 2</li> <li class="third-item">list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
Eğer üçüncü projeden başlarsak, onun ardından gelen elementleri bulabiliriz:
$('li.third-item').next().css('background-color', 'red');
Bu çağrının sonucu olarak, proje 4 kırmızı arka plan olarak ayarlandı. Seçici ifadesi uygulamadığımız için, bunun hemen ardından gelen bu element açıkça nesne parçası olarak içerilir. Eğer bir seçici uygulamış olsaydık, içermeden önce uyumlu olup olmadığını kontrol ederdik.
