jQuery ɗauɗawar - ɗauɗawar .offsetParent()

jQuery ɗauɗawarar dukiya

Shafin

Sai sabuwar wariwar abin shayiyyar kusa da li da kuma yana da sunan amfani item-a:

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

Gaba ɗauɗawarar

Kira da wajibcin shugaba da amfani

offsetParent() ɗauɗawar abin shayiyyar kuma ke tsaye kuma yana da abin shayiyyar kuma ke tsaye kusa.

Tsarewa

.offsetParent();

Yadda ke bayan

Inda ake ɗauɗawar jQuery ta wakilci ɗin abin shayiyyar DOM, ɗauɗawar .offsetParent() ake ɗauɗawar abin shayiyyar abin shayiyyar kuma ake tsara jQuery ɗin ke da abin shayiyyar kuma ke tsaye, kuma abin shayiyyar yana nufin, abin shayiyyar ɗin ke keɗa CSS position属性 a set as relative、absolute ko fixed. Inda ake tsara jiyar gaba ɗauɗawar gaba ɗauɗawar ko kuma ake koma ɗin abin shayiyyar, wannan zai iya tasirin a muni.

Tafaka da yadda ke da ɗauɗawar ɗauɗawar dukiya na basic, wanda ke da abin shayiyyar:

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii" style="position: relative;">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>

Inda ake dukiya A, ake iya samun abin shayiyyar yadda ke kuma ke:

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

Gaba ɗauɗawarar

Wannan za'a sanya sabuwar wariwar II

jQuery ɗauɗawarar dukiya