find()
jQuery find() metodi
Misol
<ul> elementining avlodlari bo‘lgan barcha <span> elementlarini qaytarish:
$(document).ready(function(){
$("ul").find("span").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
find() metodi tanlangan elementning avlod elementlarini qaytaradi.
Avlod — bu bola, nabira, evara va hokazo.
DOM daraxti: Bu metod DOM elementlarining avlodlari bo‘ylab oxirgi avlod elementgacha pastga harakatlanadi. DOM daraxti bo‘ylab faqat bir daraja pastga harakatlanish (bevosita bola elementlarni qaytarish) uchun children() metodidan foydalaning.
Eslatma: Daraxt bo‘ylab harakatlanishning boshqa metodlaridan farqli ravishda, find() metodida filter parametri majburiy.
Maslahat: Barcha avlod elementlarni qaytarish uchun "*" selektoridan foydalaning.
Sintaksis
$(selector).find(filter)
| Parametr | Tavsif |
|---|---|
| filter | Majburiy. Avlod elementlarni qidirishni filtrlash uchun selektor ifodasi, element yoki jQuery obyekti Eslatma: Bir nechta avlod elementni qaytarish uchun ifodalarni vergul bilan ajrating. |
O‘zingiz sinab ko‘ring — misollar
<html> elementining barcha avlod elementlarini qaytarish
<html> elementining avlodlari bo‘lgan barcha elementlarni qaytarish uchun "*" selektoridan foydalanish.
<ul> elementining avlodlari bo‘lgan barcha <span> elementlarini qaytarish
<ul> elementining avlodlari bo‘lgan barcha <span> elementlarini qanday qaytarish mumkin.
Faqat berilgan klass nomiga ega avlod elementlarni tanlash
Klass nomi "first" bo‘lgan avlod elementlarni qanday qaytarish mumkin.
Bir nechta avlod elementni qaytarish
Bir nechta avlod elementni qanday qaytarish mumkin.
Avlod elementlar qidiruvini barcha <ul> elementlaridan iborat jQuery to‘plami bilan filtrlash
jQuery obyekti yordamida <ul> elementining avlodlari bo‘lgan barcha <span> elementlarini qanday qaytarish 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!