జూనియర్ ప్రవాహం - సహోదరులు

సోదరులు ఒకే పేరుధారి ఉన్నారు.

jQuery ద్వారా, మేము DOM చెట్టులో ముఖ్యముల సోదర ముఖ్యములను అనిల్చవచ్చు.

DOM చెట్టులో అనిల్చుకుంటాము

మనందరికీ ఉపయోగపడే అనేక పద్ధతులు ఉన్నాయి దీనిద్వారా మేము DOM చెట్టులో అనిల్చుకుంటాము:

  • siblings()
  • next()
  • nextAll()
  • nextUntil()
  • prev()
  • prevAll()
  • prevUntil()

jQuery siblings() పద్ధతులు

siblings() పద్ధతి ఎంపికచేసిన ముఖ్యముల అన్ని సోదర ముఖ్యములను తిరిగి పొందుతుంది.

క్రింది ఉదాహరణలో, <h2> యొక్క అన్ని సోదర ముఖ్యములను తిరిగి పొందుతుంది:

ఉదాహరణ

$(document).ready(function(){
  $("h2").siblings();
});

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

మీరు కూడా ఎంపికచేసిన పరిమితితో సోదర ముఖ్యముల పరిశీలనను మార్చవచ్చు.

క్రింది ఉదాహరణలో, <h2> యొక్క సోదర ముఖ్యములలో ఉన్న అన్ని <p> ముఖ్యములను తిరిగి పొందుతుంది:

ఉదాహరణ

$(document).ready(function(){
  $("h2").siblings("p");
});

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

jQuery next() పద్ధతులు

next() పద్ధతి ఎంపికచేసిన ముఖ్యముల తరువాత సోదర ముఖ్యములను తిరిగి పొందుతుంది.

ఈ పద్ధతి ఒక మాత్రమే ముఖ్యములను తిరిగి పొందుతుంది.

క్రింది ఉదాహరణలో, <h2> యొక్క తరువాత సోదర ముఖ్యములను తిరిగి పొందుతుంది:

ఉదాహరణ

$(document).ready(function(){
  $("h2").next();
});

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

jQuery nextAll() పద్ధతులు

nextAll() పద్ధతి ఎంపికచేసిన ముఖ్యముల అన్ని తరువాత సోదర ముఖ్యములను తిరిగి పొందుతుంది.

క్రింది ఉదాహరణలో, <h2> యొక్క అన్ని తరువాత సోదర ముఖ్యములను తిరిగి పొందుతుంది:

ఉదాహరణ

$(document).ready(function(){
  $("h2").nextAll();
});

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

jQuery nextUntil() పద్ధతులు

nextUntil() పద్ధతి రెండు నిర్దేశించబడిన పరిమితుల మధ్య ఉన్న అన్ని తరువాత సోదర ముఖ్యములను తిరిగి పొందుతుంది.

క్రింది ఉదాహరణలో, <h2> మరియు <h6> ముఖ్యముల మధ్య ఉన్న అన్ని సోదర ముఖ్యములను తిరిగి పొందుతుంది:

ఉదాహరణ

$(document).ready(function(){
  $("h2").nextUntil("h6");
});

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

jQuery prev(), prevAll() & prevUntil() పద్ధతులు

prev(), prevAll() మరియు prevUntil() పద్ధతులు పైని పద్ధతులకు సమానంగా పని చేస్తాయి, కానీ విరుద్ధ దిశలో ఉన్నాయి: వాటివల్ల ముంది సోదర ముఖ్యములను పొందుతారు (DOM చెట్టులో సోదర ముఖ్యముల మీదుగా తిరిగి పరిశీలిస్తారు, కాదు ముందుకు పరిశీలిస్తారు).

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

అన్ని jQuery పరిశీలన పద్ధతులను తెలుసుకోవడానికి, మా పరికరాన్ని సందర్శించండి: jQuery పరిశీలన పరికరం。