jQuery 遍历 - parents() 方法
定义和用法
parents() 获得当前匹配元素集合中每个元素的祖先元素，使用选择器进行筛选是可选的。
.parents()selector)
| ɗanin kura | Ƙirƙirar |
|---|---|
| selector | Wuri na ɗanin kura, wani ɗanin kura na ɗanin kura wanda zai ɗauɗawo ɗanin kura. |
Ƙirƙirar kuma tana ba ɗanin kura na aɗaiɗai
Idan a ɗauɗawo ɗanin kura na ɗanin kura dake DOM, .parents() ɗanin kura ɗanin kura ɗanin kura yana ɗanin kura na ɗanin kura na ɗanin kura, kuma ɗanin kura yana ɗanin kura na ɗanin kura, kuma ɗanin kura yana ɗanin kura na ɗanin kura. ɗanin kura yana ɗanin kura na ɗanin kura. .parents() da .parent() Ƙirƙirar kuma tana ba ɗanin kura na aɗaiɗai, idan a ɗauɗawo ɗanin kura, a zai kaiwa ɗanin kura kafin ɗanin kura yana ɗauɗawo.
Ƙirƙirar kuma tana ba ɗanin kura na aɗaiɗai, idan a ɗauɗawo ɗanin kura, a zai kaiwa ɗanin kura kafin ɗanin kura yana ɗauɗawo. Idan a ɗauɗawo ɗanin kura, a zai kaiwa ɗanin kura kafin ɗanin kura yana ɗauɗawo.
Kai kai fannin wasan buɗe da ɗauɗawo dake tsohon.
<ul class="level-1">
<li class="item-i">I</li>
<li class="item-ii">II
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
</li>
<li class="item-iii">III</li>
</ul>
Idan a kaiwa daga ɗauɗawo A, a zai iya rufiwa ɗauɗawo na ɗauɗawo:
$('li.item-a').parents().css('background-color', 'red');
Wuri kanan buɗe tana kaiwa, yana ba ɗauɗawo dake-2, ɗauɗawo II, dake-1, ɗauɗawo da kuma kuma ɗauɗawo dake <html> (sauƙaƙa daga ɗauɗawo zuwa <html>) kaiwa ɗanɗawo. Saboda aɗaiɗai a na ɗauɗawo ɗanin kura, ɗauɗawo na ɗauɗawo ɗauɗawo ɗanɗawo. Idan a ɗauɗawo ɗanin kura, a zai kiyi ɗanin kura kafin ɗanin kura yana ɗauɗawo. Saboda a ɗauɗawo ɗanin kura, duk ɗauɗawo na ɗauɗawo ɗanɗawo suna ɗauɗawo ɗanɗawo. Idan a ɗauɗawo ɗanin kura, zai kaiwa kafin ɗanin kura yana ɗauɗawo.
