జిన్నీర్ సర్వేక్షణ - find() పద్ధతి

jQuery పరిశీలన పరికరం

ఉదాహరణ

అన్ని ప్యారాగ్రాఫ్లలో తరువాతి span ఎలంట్లను కోరుకుని, వాటి రంగును ఎరుపు రంగులో మార్చడం జరుగుతుంది:

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

స్వయంగా ప్రయత్నించండి

నిర్వచనం మరియు ఉపయోగం

find() పద్ధతి ప్రస్తుత ఎలంట్ కలెక్షన్ లోని ప్రతి ఎలంట్ యొక్క తరువాతి ఎలంట్లను పొందుతుంది, సెలెక్టర్, జిన్నీర్ ఆబ్జెక్ట్ లేదా ఎలంట్ ద్వారా అడ్డుకునేందుకు ఉపయోగిస్తారు.

సింతాక్స్

.find(selector)
పారామిటర్ వివరణ
selector స్ట్రింగ్ విలువ, అది ప్రస్తుత ఎలంట్ కలెక్షన్ ను సరిపోలించడానికి ఉపయోగించబడుతుంది.

వివరణ

జిన్నీర్ డామ్ ఎలంట్ సెట్ని ఇచ్చిన జిన్నీర్ ఆబ్జెక్ట్ ను ఇచ్చినప్పుడు, .find() పద్ధతి డామ్ ట్రీలో ఈ ఎలంట్లను తన వాలిడ్జ్లను కోరుకుంటుంది, మరియు సరిపోయే ఎలంట్లను ఉపయోగించి ఒక నూతన జిన్నీర్ ఆబ్జెక్ట్ ని తయారు చేస్తారు. .find() మరియు .children() పద్ధతులు అదే ఉంటాయి, కానీ తల్లిదండ్రులు మాత్రమే డామ్ ట్రీలో ఒక అంకుర స్థాయిలో కోరుకుంటాయి.

.find() పద్ధతి మొదటి అంశం వాస్తవానికి, దాని సెలెక్టర్ ఎక్స్ప్రెషన్ మాత్రమే $() ఫంక్షన్ కు పంపించిన సెలెక్టర్ ఎక్స్ప్రెషన్ రకం తో అదే ఉంటుంది. ఈ ఎక్స్ప్రెషన్ తో ముప్పు ప్రతిపాదించబడిన సామగ్రిని సరిపోలించడానికి ప్రతి ముప్పును పరిశీలించడం ద్వారా ముప్పులను అడ్డుకునేందుకు ఉపయోగిస్తారు.

దయచేసి ఈ సాధారణ నిర్దేశిత జాబితాను గమనించండి:

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

మేము లిస్ట్ II నుండి ప్రారంభించి లిస్ట్ అంశాలను కనుగొనున్నాము:

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

స్వయంగా ప్రయత్నించండి

ఈ పరిశీలన ఫలితం ప్రాజెక్ట్ A, B, 1, 2, 3 మరియు C రెడ్ బ్యాక్‌గ్రౌండ్ గా సెట్ చేయబడినవి. ప్రాజెక్ట్ II ఎంపికకర్త ప్రకటనను సరిపోలించినప్పటికీ, దానిని ఫలితంలో చేర్చబడదు; కేవలం వంశజాలకు మాత్రమే సరిపోలించబడుతుంది.

ఇతర వృక్ష పరిశీలన పద్ధతులకు వ్యతిరేకంగా, ఎంపికకర్త ప్రకటన ఫిల్డ్ మెట్హాడ్ కొరకు అత్యంత అవసరమైన పారామిటర్. మనం అన్ని వంశజ ఎలమెంట్స్ ను తీసుకోవాలి అని ఉద్దేశించినప్పుడు, అన్నింటికీ వర్గాలు పంపిణీ చేయవచ్చు '*' ఎంపికకర్త.

ఎంపికకర్త కంటెక్స్ ఫిల్డ్ మెట్హాడ్ ద్వారా అమలు చేయబడుతుంది; అందువల్ల, $('li.item-ii').find('li') అనేది $('li', 'li.item-ii') సమానం.

జూనియర్ 1.6 కొరకు, మేము ప్రదానం చేసిన జూనియర్ సెట్టు లేదా మూలకాన్ని ఉపయోగించవచ్చు. ఇదే అంతర్గత జాబితా, మేము ప్రథమంగా ఇలా వ్రాస్తాము:

var $allListElements = $('li');

అప్పటికే ఈ జూనియర్ జూనియర్ పరికరాన్ని find పద్ధతికి పంపిణీ చేయండి:

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

స్వయంగా ప్రయత్నించండి

పై కోడ్ జనరిక్ జూనియర్ సెట్టును తిరిగి ఇవ్వబడుతుంది, దానిలో లిస్ట్ II యొక్క వంశజాలు ఉన్న లిస్ట్ ఎలమెంట్స్ ఉన్నాయి.

అలాగే, ఒక మూలకాన్ని పంపిణీ చేయవచ్చు:

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

స్వయంగా ప్రయత్నించండి

ఈ కాల్లాడుతున్న ఫలితం ప్రాజెక్ట్ 1 రెడ్ బ్యాక్‌గ్రౌండ్ గా సెట్ చేయబడింది.

jQuery పరిశీలన పరికరం