jQuery Pagtatala - Method na prevAll()

Halimbawa

Nakatuklasan ang lahat ng div bago ang huling div, at magdagdag ng klase:

$("div:last").prevAll().addClass("before");

Subukan nang personal

Definisyon at Paggamit

prevAll() ay nagbibigay ng mga kapwa elementong nasa harap ng bawat elemento sa kasalukuyang katugmang elemento sa koleksyon, ang paglililitan ng selector ay opsyonal.

Grammar

.prevAll(selector)
Parameter Paglalarawan
selector String value, naglalaman ng expression ng selector na gagamitin upang sumangguni sa elemento.

Detalyadong Paglalarawan

Kung ibinigay ang isang jQuery object na naglalaman ng koleksyon ng DOM elemento, ang method na .prevAll() ay nagbibigay-daan sa amin na hanapin ang kapwa elementong nasa harap ng mga elemento sa puno ng DOM, at gumawa ng bagong jQuery object mula sa tumugmang elemento.

Ang paraan na ito ay tumatanggap ng opisyal na expression ng selector, na katulad ng uri ng parameter na ipinapasa sa function ng $(). Kung naugnay ang selector, ito ay susuriin kung ang elemento ay tumutugma sa selector bago mapakita ang elemento.

Isipin ito na pahina na may pangkaraniwang napakalalim na listahan:

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

Kung magsimula mula sa ikatlong proyekto, maaari nating mahanap ang kapwa elementong nasa pagitan ng elemento:

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

Subukan nang personal

Ang resulta ng pagtawag na ito ay nagtatalaga ng kulay ng kulay batang red sa proyekto 2 at proyekto 1. Dahil hindi namin ginamit ang expression ng selector, ang mga naunang elemento ay natural na naging bahagi ng bagay. Kung naugnay ang selector, ito ay susuriin kung ang mga elemento ay tumutugma sa selector bago mapakita ang elemento.