jQuery పరిగణన - prevUntil() పద్ధతి

jQuery పరిగణన పత్రిక

ఉదాహరణ

ప్రతి p కేంద్రానికి అన్ని క్లాస్ పేరు "selected" కలిగిన సోదర కేంద్రాలను కనుగొనుట:

$("p").siblings(".selected")

మీరే ప్రయత్నించండి

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

siblings() కేంద్రాల సమూహంలో ప్రతి కేంద్రానికి సోదర కేంద్రాలను పొందడానికి ఉపయోగిస్తుంది, ఎంపిక ఎక్స్‌ప్రెషన్ను అనుసరించడం వికల్పితం.

వినియోగం

.siblings(selector)
పరిమాణం వివరణ
selector పదబంధం విలువ, కేంద్రాలను అనుసరించే ఎంపిక ఎక్స్‌ప్రెషన్ను కలిగి ఉంటుంది.

వివరణ

ఒక DOM కేంద్రాల సమూహాన్ని ప్రతినిధీకరించే జాబితాను ఇచ్చినప్పుడు, .siblings() పద్ధతి .siblings() పద్ధతి మాత్రమే ఈ కేంద్రాలలో సోదర కేంద్రాలను శోధించడానికి అనుమతిస్తుంది, మరియు సరిపోయే కేంద్రాలను కనుగొనే ఒక నూతన జాబితాను తయారు చేస్తుంది.

ఈ పద్ధతి వికల్పిత ఎంపిక ఎక్స్‌ప్రెషన్ను అంగీకరిస్తుంది, ఇది $() ఫంక్షన్కు పంపబడిన పరిమాణాల రకంతో సమానం. ఈ ఎంపికను అంగీకరించితే, కేంద్రాలను ఎంపిక ఎక్స్‌ప్రెషన్ను అనుసరించేటట్టు తనిఖీ చేస్తారు.

ఈ ప్రాథమిక నిర్వహణ కార్యక్రమాలతో కూడిన పేజీని ఆలోచించండి:

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

మేము మూడవ ప్రతిపాదన నుండి ప్రారంభించినప్పుడు, ఈ కేంద్రానికి సోదర కేంద్రాలను కనుగొనవచ్చు:

$('li.third-item');.siblings();.css('background-color', 'red');

మీరే ప్రయత్నించండి

ఇక్కడ కాల్చబడిన ఫలితం ఇంజెక్షన్ 1, 2, 4 మరియు 5 యొక్క బ్యాక్‌గ్రౌండ్ రంగు ఎరుపు చేయడం. ఎరుపు బ్యాక్‌గ్రౌండ్ చేయడం. మనం ఎంపిక ఎక్స్‌ప్రెషన్ను వాడలేదు కాబట్టి, అన్ని సోదర కేంద్రాలు సహజంగా అంతర్భాగంగా అయ్యాయి. ఎంపిక ఎక్స్‌ప్రెషన్ను వాడితే, మాత్రమే నాలుగు జాబితాలలో సరిపోయే ప్రతిపాదనలు అంతర్భాగంగా ఉంటాయి.

మూల కేంద్రం సోదర కేంద్రాలలో చేరలేదు, మనం DOM ట్రీ ప్రత్యేక స్థాయిలో అన్ని కేంద్రాలను కనుగొనడానికి ప్రయత్నిస్తున్నప్పుడు, ఒక విషయాన్ని గుర్తుంచుకోవడం ముఖ్యం.

jQuery పరిగణన పత్రిక