parent სელექტორი

:parent სელექტორი არჩევს ელემენტებს, რომლებიც არიან მშობლები (ანუ არა-ცარიელი ელემენტები, რომლებშიც არის ელემენტი ან ტექსტი). jQuery ნაკრების მშობლების ან წინაპრების მისაღებად, იხილეთ მეთოდები parent და parents. რადგან :parent არ ეკუთვნის CSS სპეციფიკაციას, თანამედროვე ბრაუზერებში სიჩქარის გასაზრდელად უკეთესია თავიდან ელემენტები გაფილტრდეს სუფთა css-სელექტორის გამოყენებით, და შემდეგ გამოყენებულ იქნეს .filter(':parent').

სინტაქსი

მშობელი ელემენტების მიღება:

javascript$(':parent');

მაგალითი

ჩვენ გვაქვს ცხრილი table მწვანე ფონით, მოდი ვიპოვოთ უჯრები td, რომლებიც არიან მშობლები, და გავაფერადოთ ისინი ნაცრისფერ ფერში:

html<table>
  <tr><td>aaa</td><td></td></tr>
  <tr><td>bbb</td><td></td></tr>
  <tr><td>ccc</td><td></td></tr>
</table>
csstable {
  border: 1px;
}

td {
  width: 40px;
  background: green;
} 
javascript$('td:parent').css({background: '#ccc'});

იხილეთ აგრეთვე

  • სელექტორი empty,
    რომელიც არჩევს ცარიელ ელემენტებს
  • მეთოდი parent,
    რომელიც იღებს ელემენტის უშუალ მშობელს
  • მეთოდი parents,
    რომელიც არჩევს ელემენტებს, რომლებსაც არ აქვთ შთამომავლები (ტექსტური კვანძების ჩათვლით)