javascript - 遇到情况时jquery设置 sibling 的填充

Question

所以我昨天问了这个问题，人们能够帮助我。然而不幸的是，它只回答了我的部分问题。

我正在尝试编写 jquery 代码来检测每个类 product-price 是否有一个名为 product-options 的兄弟，如果它确实检查它是否有两个或更多下拉菜单。如果它有 2 个或更多下拉菜单，则将其同级 product price 的 padding-top 设置为 35px。因此，如果没有下拉菜单或只有一个下拉菜单，则不要对其同级 product-price 做任何事情。

<div class="product-container">
   <div class="product-price">Price info</div>
</div>

<div class="product-container">
   <div class="product-price">Price info</div>
   <div class="product-options">
      <select id="selectoptions1" name="product1" class="attribute_list">
         <option value="Colour (please select)">Colour (please select)</option>
         <option value="White">White</option>
         <option value="Navy Blue">Navy Blue</option>
      </select>
    </div>
</div>

<div class="product-container">
   <div class="product-price">Price info</div>
   <div class="product-options">
      <select id="selectoptions1" name="product1" class="attribute_list">
         <option value="Colour (please select)">Colour (please select)</option>
         <option value="White">White</option>
         <option value="Navy Blue">Navy Blue</option>
      </select>
      <select id="selectoptions2" name="product2" class="attribute_list">
         <option value="Small>Small</option>
         <option value="Medium">Medium</option>
         <option value="Large">Large</option>
      </select>
    </div>
</div>

<div class="product-container">
   <div class="product-price">Price info</div>
</div>

有人有什么想法吗？

顺便说一句，这不是实际的代码，它只是其中的一部分……为了简化问题。

Answer 1

$(".product-price").each(function(){
  if ($(this).next(".production-options").children("select").length >= 2) {
    //Do your thing here
  }
});

DEMO