jQuery Gezinti - prevUntil() Metodu

jQuery Gezinti Kılavuzu

Örnek

Bütün paragrafları seçin, ardından seçili içeriği sadece birinci ve ikinci paragrafları içeren olarak kısaltın:

$("p").slice(0, 2).wrapInner("");

Kişisel olarak deneyin

tanım ve kullanım

slice(), eşleşen element koleksiyonunu belirtilen üslup aralığına göre daraltır.

gramer

.slice(selector,end)
parametre tanım
selector

Sıfırdan başlayan tam sayısal bir değer, seçim başlangıç elemanının konumunu belirtir.

Negatifse, koleksiyonun sonundan başlayan bir kaydırma mesafesi belirtir.
end

Sıfırdan başlayan tam sayısal bir değer, seçim sonlandırma elemanının konumunu belirtir.

Negatifse, koleksiyonun sonundan başlayan bir kaydırma mesafesi belirtir.

Atanırsa, seçim aralığı koleksiyonun sonunda sona erer.

Ayrıntılı açıklama

Bir DOM elementi koleksiyonunu temsil eden bir jQuery nesnesi verilirse, .slice() metodu, eşleşen elementlerin bir alt koleksiyonu oluşturmak için yeni bir jQuery nesnesi yapar. Uygulanan indeks parametrelerinin birinde bir elementin konumu; end parametresi atlanırsa, indeks sonrası tüm elementler sonuçta içerilir.

Bu basit listeli sayfayı düşünün:

<ul>
  <li>listeleme maddesi 1</li>
  <li>listeleme maddesi 2</li>
  <li>listeleme maddesi 3</li>
  <li>listeleme maddesi 4</li>
  <li>listeleme maddesi 5</li>
</ul>

Bu yöntemi liste maddeleri koleksiyonuna uygulayabiliriz:

$('li').slice(2).css('background-color', 'red');

Kişisel olarak deneyin

Bu çağrının sonucu, madde 3, 4 ve 5'in arka planının kırmızıya ayarlanmasıdır. Lütfen dikkat edin, uygulanan indeks parametresi sıfırdan başlar; bu, jQuery nesnesinde elemanların konumunu, DOM ağacındaki konumunu değil belirtir.

end parametresi, seçim aralığını daha da sınırlamamıza olanak tanır. Örneğin:

$('li').slice(2, 4).css('background-color', 'red');

Kişisel olarak deneyin

Şimdi, sadece madde 3 ve 4 seçilecek. Yeniden belirtmek gerekirse, indeks sıfırdan başlar; aralık, belirlenen indekse kadar uzanır (ama içermez).

Negatif üslup

jQuery'nin .slice() metodu, JavaScript dizisi nesnelerinin .slice() metodunu taklit eder. Taklit ettiği özelliklerden biri, start veya end parametrelerine negatif bir değer geçme yeteneğidir. Negatif bir değer sağlanırsa, bu, bir koleksiyonun sonundan başlayan bir konum demektir, başlangıçtan değil. Örneğin:

$('li').slice(-2, -1).css('background-color', 'red');

Kişisel olarak deneyin

Bu sefer, sadece listeleme maddesi 4 kırmızı hale gelecek, çünkü bu proje, son sayıdan sayılmış iki (-2) ile bir (-1) arasındaki tek proje.

jQuery Gezinti Kılavuzu