jQuery Gezinti - nextAll() Yöntemi

jQuery Gezinti Kılavuzu

Örnek

İlk div'den sonraki tüm sınıfları bulup, onlara sınıf ekleyin:

$("div:first").nextAll().addClass("after");

Kişisel olarak deneyin

Tanım ve Kullanım

nextAll() her bir eşleşen elementin tüm ardından gelen kardeş elementlerini alır, seçici ile süzgeçlenmişse bu seçici seçeneklidir.

Sözdizimi

.nextAll(selector)
Parametre Açıklama
selector Dize değeri, elementleri eşleştirmek için kullanılan seçici ifadesi içerir.

Ayrıntılı Açıklama

Bir DOM element kümesi temsil eden bir jQuery nesnesi verildiğinde, .nextAll() yöntemi bize DOM ağacındaki elementlerin ardından gelen kardeş elementleri aramanıza olanak tanır ve onları eşleşen elementler ile yeni bir jQuery nesnesi oluşturur.

Bu yöntem, benim $() fonksiyonuna ilettiğim türde seçici ifadesi seçeneklerini kabul eder. Seçici uygulandığında, elementlerin eşleşip eşleşmediğini kontrol ederek onları süzgeçler.

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şlarızsa, o projenin ardından ortaya çıkan elementleri bulabiliriz:

$('li.third-item').nextAll().css('background-color', 'red');

Kişisel olarak deneyin

Bu çağrının sonucu olarak, proje 4 ve 5 kırmızı arka plana ayarlandı. Seçici ifadesi uygulamadığımız için, hemen sonraki bu element açıkça nesnenin bir parçası olarak içerilir. Seçici uyguladığımızda, içermeden önce elementin eşleşip eşleşmediğini kontrol ederiz.

jQuery Gezinti Kılavuzu