jQuery第n个孩子中的每个div

Question

我试图将另一个div show-grid

的div中的每个div作为目标

我目前正在使用它，但它不起作用。我使用https://github.com/liabru/jquery-match-height来获取类show-grid的每个div中div的高度为相同高度

div.show-grid:nth-child(1) div
div.show-grid:nth-child(2) div
...

<div class="show-grid">
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
</div>
<div class="show-grid">
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
</div>
<div class="show-grid">
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
</div>
<div class="show-grid">
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
</div>

Answer 1

我不完全确定这是否是你所需要的，但我已经展示了一种方法来使用香草JS来选择“展示网格”中的每一个孩子。 div（你可以适应你需要的孩子）。从那里你可以根据需要设置高度：

＆＃13;

＆＃13;

var outerDivs = document.getElementsByClassName('show-grid');
var heightIWant = 100;

for ( var i = 0; i < outerDivs.length; i++ ) {

    // every 2nd child (as an example)
    if ( i % 2 == 0) {

      var innerDivs = outerDivs[i].getElementsByTagName('div');
      for ( var j = 0; j < innerDivs.length; j++ ) {
        innerDivs[j].style.height = heightIWant + 'px';
      }

  } 
}

＆＃13;

<div class="show-grid">
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
</div>
<div class="show-grid">
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
</div>
<div class="show-grid">
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
</div>
<div class="show-grid">
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
  <a href="">
    <div></div>
  </a>
</div>

＆＃13;

＆＃13;

＆＃13;

}

}