children()
jQuery children() metodi
Misol
<ul> elementining bevosita bola elementlari bo‘lgan elementlarni qaytarish:
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
Natija:
body (great-grandparent)
div (grandparent)
ul (parent)-
li (child) span (grandchild)
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
children() metodi tanlangan elementning barcha bevosita bola elementlarini qaytaradi.
DOM daraxti: Bu metod DOM daraxti bo‘ylab faqat bir daraja pastga harakatlanadi. Bir necha daraja pastga harakatlanish (nabiralar yoki boshqa avlod elementlarni qaytarish) uchun find() metodidan foydalaning.
Maslahat: DOM daraxti bo‘ylab bir daraja yuqoriga yoki hujjatning ildiz elementigacha harakatlanish (ota elementlar yoki boshqa ajdod elementlarni qaytarish) uchun parent() yoki parents() metodidan foydalaning.
Eslatma: Bu metod matn tugunlarini qaytarmaydi. Barcha bola elementlarni matn tugunlari bilan birga qaytarish uchun contents() metodidan foydalaning.
Sintaksis
$(selector).children(filter)
| Parametr | Tavsif |
|---|---|
| filter | Ixtiyoriy. Bola elementlarni qidirishni toraytirish uchun selektor ifodasini belgilaydi |
O‘zingiz sinab ko‘ring — misollar
<ul> elementining barcha bevosita bola elementlarini qaytarish
<ul> elementining barcha bevosita bola elementlarini qanday qaytarish mumkin.
Qidiruvni toraytirish
<ul> elementining bevosita bola elementlari bo‘lgan va klass nomi "first" bo‘lgan barcha <li> elementlarini qaytarish uchun filter parametridan qanday foydalanish mumkin.
<div> elementining bevosita bola elementlari bo‘lgan barcha <p> elementlarini qaytarish
Ota <div> elementining bevosita bola elementlari bo‘lgan barcha <p> elementlarini qanday tanlash mumkin.
Elementning avlod elementlarini teg nomlari bo‘yicha ko‘rsatish
<div> elementining avlod elementlari aslida qaysilar ekanini ko‘rsatuvchi namoyish.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!