జూనీరీ సర్వేక్షణ - contents() మెథడ్

jQuery వ్యవిచారణ సూచిక పుస్తకం

ఉదాహరణ

ప్యారాగ్రాఫ్లోని అన్ని పాఠ నోడ్స్ ను కనుగొని, వాటిని బోల్డ్ టాగ్గులతో పూచ్చుతుంది.

$("p").contents().filter(function(){ return this.nodeType != 1; }).wrap("<b/>");

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

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

contents() మెథడ్ ప్రతిపాదించిన ఎలమెంట్ సెట్టులోని ప్రతి ఎలమెంట్ కుమార నోడ్స్ ను పొందుతుంది, లేదా పాఠం మరియు కామెంట్ నోడ్స్.

సింతాక్స్

.contents()

వివరణ

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

.contents() పద్ధతిని ఉపయోగించవచ్చు ఐఫ్రేమ్ యొక్క కంటెంట్ డాక్యుమెంట్ ను పొందడానికి, ఈ ఐఫ్రేమ్ ముఖ్య పేజీతో అదే డొమైన్ లో ఉండాలి.

క్రింది వినియోగించిన కొన్ని పదబంధాలు కలిగిన <div> ను గమనించండి, ప్రతి మేలు రెండు వివరణాత్మక మేలు (<br />) ద్వారా వేరు చేయబడింది:

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
  do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
  <br /><br />
  Ut enim ad minim veniam, quis nostrud exercitation ullamco 
  laboris nisi ut aliquip ex ea commodo consequat.
  <br /> <br />
  Duis aute irure dolor in reprehenderit in voluptate velit 
  esse cillum dolore eu fugiat nulla pariatur.
</div>

మనం .contents() పద్ధతిని ఉపయోగించవచ్చు ముఖ్యంగా పదబంధాల బుల్లెట్ పేజీలను సరిగ్గా రూపంలో మార్చడానికి:

$('.container').contents().filter(function() {
  return this.nodeType == 3;
)
  .wrap('<p></p>')
.end()
.filter('br')
  .remove();

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

ఈ కోడ్ మొదటిగా <div class="container"> యొక్క కంటెంట్ ను అంగీకరిస్తుంది, ఆపై పదబంధాల ను అంతర్భాగంగా తీసుకుంటుంది. ఇది పరీక్షించబడుతున్న మేలు యొక్క .nodeType అంశం ద్వారా అమలు చేయబడుతుంది. ఈ అంశంలో మేలు రకం సూచించే సంఖ్యాక్రమం ఉంది; పదబంధాలు కోడ్ 3 ను ఉపయోగిస్తాయి. కంటెంట్ మరోసారి అంతర్భాగంగా తీసుకుంటారు, ఈ సారి కింది <br /> మేలు పైగా పరిశీలిస్తారు, ఈ మేలు తొలగించబడతాయి.

jQuery వ్యవిచారణ సూచిక పుస్తకం