jQuery Traversal - Filter

Pangkakatwirang paghahanap ng saklaw ng elemento

Ang tatlong pinakamainam na paraan ng pagbubukas ay: first(), last(), at eq(), na nagbibigay sa iyo ng kapahamakan upang pinili ang isang tiyak na elemento base sa kanyang posisyon sa grupo ng elemento.

Ang iba pang mga paraan ng pagbubukas, tulad ng filter() at not(), ay nagbibigay sa iyo ng kapahamakan upang pinili ang mga elemento na tumutugma o hindi tumutugma sa tinukoy na pamantayan.

Mga Tsuper ng jQuery first()

Ang paraan na first() ay ibibigay ang unang elemento sa piniling elemento.

Ang sumusunod na halimbawa ay pinapili ang unang <p> elemento sa unang <div> elemento:

Halimbawa

$(document).ready(function(){
  $("div p").first();
});

Subukan ang sarili

Mga Tsuper ng jQuery last()

Ang paraan na last() ay ibibigay ang huling elemento sa piniling elemento.

Ang sumusunod na halimbawa ay pinapili ang huling <p> elemento sa huling <div> elemento:

Halimbawa

$(document).ready(function(){
  $("div p").last();
});

Subukan ang sarili

Mga Tsuper ng jQuery eq()

Ang paraan na eq() ay ibibigay ang elemento na may tinukoy na index sa piniling elemento.

Ang numero ng index ay mula 0, kaya ang index ng unang elemento ay 0 hindi 1. Ang sumusunod na halimbawa ay pinapili ang ikalawang <p> elemento (index 1):

Halimbawa

$(document).ready(function(){
  $("p").eq(1);
});

Subukan ang sarili

Mga Tsuper ng jQuery filter()

Ang paraan na filter() ay nagbibigay sa iyo ng kapahamakan upang tukuyin isang pamantayan. Ang mga elemento na hindi tumutugma sa pamantayan ay ibabawas mula sa koleksyon, at ang mga tumutugma ay ibibigay pabalik.

Ang mga sumusunod na halimbawa ay ibibigay ang lahat ng <p> na may klase "intro":

Halimbawa

$(document).ready(function(){
  $("p").filter(".intro");
});

Subukan ang sarili

Mga Tsuper ng jQuery not()

Ang paraan na not() ay ibibigay ang lahat ng elemento na hindi tumutugma sa pamantayan.

Paalala:Ang paraan na not() ay katulad ng filter().

Ang mga sumusunod na halimbawa ay ibibigay ang lahat ng <p> na walang klase "intro":

Halimbawa

$(document).ready(function(){
  $("p").not(".intro");
});

Subukan ang sarili

Mga Tagubilin ng Pagtatala ng Pagbubukas ng jQuery

Kung gusto mong malaman ang lahat ng paraan ng pagbubukas ng jQuery, mangyaring bisitahin ang aming Mga Tagubilin ng Pagtatala ng Pagbubukas ng jQuery。