jQuery kutafuta - find() method

Kitabu cha Mwongozo wa Kuongeza jQuery

Mfano

Tafuta watoto wa span katika matukio ya p kwa kumwua rangi yao kwa kura ya kichwa:

$("p").find("span").css('color','red');

Mchana juu

Makadaro na matumizi

find() method hupata watoto wa kila matukio katika kikoa cha kawaida, kwa kufikia chaguo, kikoa cha jQuery au kina cha matukio.

Makosa

.find(selector)
Tambuliko Kielewa
selector Jaribu ya maandiko, inahusisha ujumbe wa kilele cha chaguo ambao hupendekeza kumtambua matukio hii kwa kilele cha kwa kilele.

Utafiti kwa maelezo

Ikiwa na mtaalamu wa jQuery wa kikolekana na kikoa cha kina ya DOM, methodi ya .find() inafaa tukisikia watoto wa matukio hizi katika mti wa DOM kwa kurejea kikoa cha jQuery kinachotambua matukio hayo. .find() inayofanana na .children() inayotambua tu kipindi kimoja cha mti wa DOM.

.find() ni mafanikio makuu wa kwanza, inapokea ujumbe wa kilele cha chaguo kama kina ya $(). Kipendekeza kufichia matukio kwa kuihusisha kufikia ujumbe huo kwa kumtambua.

Tafuta tena orodha ya orodha za kawaida:

<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>

Tunategemea kuwafikia kwenye orodha ya II kuwafikia mifano ya orodha:

$('li.item-ii').find('li').css('background-color', 'red');

Mchana juu

Matokeo wa kusahau hii ni kwamba proyeku A, B, 1, 2, 3 na C zote zilishwa na ngono nyora ya redi ya mbali mbali. Inafikia kama proyeku II inapatikana kwa uaguzi wa kifaa cha kina, haitakuwa na uwezo wa kuwa kwenye matokeo; inakufikia wengi wa mifano yaliyotumika tu.

Kama kwa sababu ya uongezaji wa mifano ya mti, uaguzi wa kifaa cha kina ni mafanikio wa kufaa kwa .find(). Kama tunanataka kuwahatija mifano ya wengine wa mifano yote, tunaweza kuwahatija uaguzi wa kina '*'.

Makusanyiko wa uchaguzi ni kwa sababu ya methodi ya .find(); kwa hivyo, $('li.item-ii').find('li') inahesabiwa kama $('li', 'li.item-ii').

Kwa jQuery 1.6, tunaweza kutumia kikaa cha kifaa cha jQuery kwenye uchaguzi. Siku hizi ya orodha ya kina, tunakubadilisha kama:

var $allListElements = $('li');

Kisha kuwahatija hii kifaa cha jQuery kwa methodi ya find:

$('li.item-ii').find( $allListElements );

Mchana juu

Maagizo ya kifaa cha jQuery hii inatokana na mifano ya mitaani ya II ya listi inayotumika.

Kwa hivyo, inaweza kuwahatija kwa eneo la kina:

var item1 = $('li.item-1')[0];
$('li.item-ii').find( item1 ).css('background-color', 'red');

Mchana juu

Matokeo wa kuitumia hii ni kwamba proyeku 1 imewashwa na ngono nyora ya redi ya mbali mbali.

Kitabu cha Mwongozo wa Kuongeza jQuery