jQuery సరిహద్దులు - parents() పద్ధతి

jQuery వ్యవిచారణ పరిశీలన మాన్యాలు

ఉదాహరణ

ప్రతి b మూలకర్తను అన్ని మాత్రులను కనుగొనుట:

$("b").parents()

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

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

parents() పొందించడానికి ప్రస్తుత పొందించబడిన ఎలాంటి మూలకర్తల సమితి లోని ప్రతి మూలకర్తను పొందడానికి వినియోగించడం ఎంపికాని ఉంది.

.parents(selector)
参数 描述
selector 字符串值，包含用于匹配元素的选择器表达式。

详细说明

如果给定一个表示 DOM 元素集合的 jQuery 对象，.parents() 方法允许我们在 DOM 树中搜索这些元素的祖先元素，并用从最近的父元素向上的顺序排列的匹配元素构造一个新的 jQuery 对象。元素是按照从最近的父元素向外的顺序被返回的。.parents() 和 .parent() ఈ పద్ధతి సాధారణంగా ఉంది, కానీ దానిలో కేవలం ఒక అంశాన్ని DOM వృక్షంలో ఎగువకు సరిపోయే విధంగా పరిశీలిస్తుంది.

ఈ పద్ధతి ఆప్షణిక ఎడిటర్ వినియోగించిన పరిణామాలు అనుగుణంగా, ఈ ఎడిటర్ వినియోగించిన అంశంను సంచికించి అంశాలను గుర్తిస్తుంది.

ఈ బాసిక్ నాటకింగ్ జాబితాలు కలిగిన పేజీని అనుకొనండి:

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

అయితే మేము అంశం A నుండి ప్రారంభించినట్లయితే, దాని పూర్వపు అంశాలను పొందవచ్చు:

$('li.item-a').parents().css('background-color', 'red');

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

ఈ కాల్బరం ఫలితం, లెవల్-2 జాబితా, పరిణామ II మరియు లెవల్-1 జాబితా మొదలుగా వంటి అంశాలు (<html>) వరకు DOM వృక్షంలో ఎగువకు సరిపోయే రెండు అంశాలకు ఎరుపు బ్యాక్గ్రౌండ్ అమర్చబడింది. మనం ఎడిటర్ వినియోగించలేదా అయితే, పైని అంశాలు సహజంగా జాబితా భాగంగా చేరాయి. ఎడిటర్ వినియోగించినట్లయితే, సంచికించిన అంశంలో అంశం అనుగుణంగా ప్రారంభించబడుతుంది. ఎడిటర్ వినియోగించలేదా అయితే, అన్ని పూర్వపు అంశాలు తిరిగి వచ్చే jQuery జాబితా భాగంగా ఉంటాయి. ఎడిటర్ వినియోగించినట్లయితే, మాత్రమే అనుగుణంగా అంశాలు సంచికించబడతాయి.

jQuery వ్యవిచారణ పరిశీలన మాన్యాలు