jQuery ਟਰੇਵਰਸਲ - parent() ਮੁੱਦਾ

jQuery ਟਰੇਵਰਸਲ ਮੈਨੂਅਲ

ਉਦਾਹਰਣ

ਹਰੇਕ ਪੈਰਾਗ੍ਰਾਫ ਦੇ ਨਾਲ "selected" ਵਰਗ ਵਾਲੇ ਪੈਰੈਂਟ ਆਈਟਮ ਲੱਭੋ:

$("p").parent(".selected")

ਸਵੈ ਦੀ ਜਾਂਚ ਕਰੋ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

parent() ਮੁੱਦਾ ਮੌਜੂਦਾ ਮੇਲ ਖਾਣ ਵਾਲੇ ਆਈਟਮਾਂ ਦੇ ਪੈਰੈਂਟ ਆਈਟਮਾਂ ਨੂੰ ਮਿਲਾਉਂਦਾ ਹੈ ਅਤੇ ਚੋਣਕਾਰ ਐਕਸਪ੍ਰੈਸ਼ਨ ਨੂੰ ਫਿਲਟਰ ਕਰਨਾ ਵਿਕਲਪੀ ਹੈ。

.parent(selector)
ਪੈਰਾਮੀਟਰ ਵਰਣਨ
selector ਸਟਰਿੰਗ ਮੁੱਲ ਜੋ ਚੋਣਕਾਰ ਐਕਸਪ੍ਰੈਸ਼ਨ ਨੂੰ ਮੇਲ ਖਾਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

ਵਿਸਤ੍ਰਿਤ ਵਰਣਨ

ਜੇਕਰ ਇੱਕ DOM ਆਈਟਮ ਕਲੈਕਸ਼ਨ ਦੇ ਪ੍ਰਤੀਕ ਦਿੱਤਾ ਗਿਆ ਹੈ ਤਾਂ .parent() ਮੁੱਦਾ ਇਹ ਆਈਟਮਾਂ ਦੇ ਪੈਰੈਂਟ ਆਈਟਮਾਂ ਨੂੰ ਖੋਜਣ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ ਅਤੇ ਮੇਲ ਖਾਣ ਵਾਲੇ ਆਈਟਮਾਂ ਦੇ ਨਾਲ ਨਵਾਂ 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').parent().css('background-color', 'red');

ਸਵੈ ਦੀ ਜਾਂਚ ਕਰੋ

ਇਸ ਬੁਲਾਰਿਆ ਦਾ ਨਤੀਜਾ ਹੈ ਕਿ level-2 ਲਿਸਟ ਲਈ ਲਾਲ ਪਿੱਟੀ ਸੈੱਟ ਕੀਤੀ ਗਈ। ਕਿਉਂਕਿ ਅਸੀਂ ਚੋਣਕਾਰ ਐਕਸਪ੍ਰੈਸ਼ਨ ਨਾ ਲਾਗੂ ਕੀਤੀ ਹੈ ਤਾਂ ਪੈਰੈਂਟ ਅੰਦਰੂਨੀ ਤੌਰ 'ਤੇ ਆਈਟਮ ਦਾ ਹਿੱਸਾ ਬਣ ਗਿਆ ਹੈ। ਜੇਕਰ ਚੋਣਕਾਰ ਐਕਸਪ੍ਰੈਸ਼ਨ ਲਾਗੂ ਕੀਤੀ ਗਈ ਤਾਂ ਅੰਦਰੂਨੀ ਆਈਟਮ ਤੋਂ ਪਹਿਲਾਂ ਆਈਟਮ ਨੂੰ ਚੋਣਕਾਰ ਐਕਸਪ੍ਰੈਸ਼ਨ ਨਾਲ ਮੇਲ ਖਾਣ ਦੀ ਜਾਂਚ ਕੀਤੀ ਜਾਵੇਗੀ。

jQuery ਟਰੇਵਰਸਲ ਮੈਨੂਅਲ