jQuery 遍历 - find() 方法
定义和用法
find() 方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。
အက္ခရာ
.find(selector)
အချက်အလက် | အင်္ဂလိပ်ဘာသာပြန် |
---|---|
selector | စမ်းသပ် အကျယ်ပြန့်သော အင်တာနက် လိုင်းတွင် ပါဝင်သော ပုံစံများကို စိတ်ဝင်စားခြင်းဖြစ်သည့် ပုံစံကို သုံးပန်းနှုန်းပြီး |
အသေးစိတ်အချက်
အခြေခံ အချက်အလက် ပြုစုသော ဂျူနီဂျူ အိပ်ချိန် တစ်ခု ကို အခြေခံပြီး သူတို့၏ ပြုစုသော ပုံစံကို အခြေခံပြီး အဆိုပါ အချက်အလက်များ ကို စစ်ဆေးကြောင်း အရေးယူပါ
.find() စမ်းသပ်ခြင်း အဓိကအကျိုးသဘော သည် ကျွန်ုပ်သူ့အား လျှောက်သွင်းသော စမ်းသပ်ခြင်း အစိုးရပါ ဖြစ်သည်။ ထို့ကြောင့် သူတို့၏ လက်ခံသော စမ်းသပ်ခြင်း ကို စမ်းသပ်ပြီး အရေးယူပြီး အဆိုပါ အချက်အလက်များ ကို စစ်ဆေးကြောင်း အရေးယူပါ
ပြင်ဆင်ပြီး အကယ်၍ အကျယ်ပြန့်သော အင်တာနက် လိုင်းတွင် ပါဝင်သော ပုံစံများကို စိတ်ဝင်စားခြင်းဖြစ်သည့် ပုံစံကို သုံးပန်းနှုန်းပြီး
- I
- II
- A
- B
- 1
- 2
- 3
- C
- III
我们将从列表 II 开始来查找其中的列表项:
$('li.item-ii').find('li').css('background-color', 'red');
这次调研的结果是,项目 A、B、1、2、3 以及 C 均被设置了红色背景。即使项目 II 匹配选择器表达式,它也不会被包含在结果中;只会对后代进行匹配。
与其他的树遍历方法不同,选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回,可以传递通配选择器 '*'。
选择器 context 是由 .find() 方法实现的;因此,$('li.item-ii').find('li') 等价于 $('li', 'li.item-ii')。
对于 jQuery 1.6,我们还可以使用给定的 jQuery 集合或元素来进行筛选。还是上面的嵌套列表,我们首先这样写:
var $allListElements = $('li');
ထို့နောက် အီအိုင်ဂျင် အရေးယူထားသော အီးကျူး ကို တွေ့ရှိ ပေးပါ:
$('li.item-ii').find( $allListElements );
အဆိုပါ ကိုယ်တိုင် အမှတ်ပြုထားသော အချက်အလက် ကို တင်သွင်းပြီး ပြင်တွင် နောက်ခံ အသား အပေါ်တွင် ရှိသော စာရင်း အီအိုင်ဂျင် ကို ပါဝင်စေသည်。
ဆင်တူသဖြင့် အဆိုပါ အီအိုင်ဂျင် ကို ချက်ချင်း ပြောင်းလဲ ပြောင်းလဲ ပေးနိုင်သည်:
var item1 = $('li.item-1')[0]; $('li.item-ii').find( item1 ).css('background-color', 'red');
ဒီ ခေါ်ဆိုမှု သည် စုစုပေါင်း 1 ကို ခုနစ်ရောင် နောက်ခံ အသား ပြင်ဖုံး ဖြစ်စေသည်。