jquery設置填充的兄弟姐妹滿足案件

所以我昨天問這個問題，人們能夠幫助我。但不幸的是，它只回答了我的問題的一部分。jquery設置填充的兄弟姐妹滿足案件

我試圖寫jQuery代碼，它會檢測每個類product-price如果它有一個叫做product-options的兄弟，並且它確實檢查它是否有兩個或多個下拉列表。如果它有2個更多的下拉菜單，則將其兄弟product price的填充頂部設置爲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>

任何人有任何想法？

順便說一句，這不是實際的代碼，它的一部分...來簡化問題。

來源

2014-02-10 RHK-S8

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

DEMO

來源

2014-02-10 22:53:25 kei

確定在我的情況，之前選擇的下拉列表中顯示有4個父DIV類/跨越出現（必要時，才自舉和流體）。因此，「選擇」不是產品選項的直接子代 –

它們是後代 –

然後使用'.find'而不是'.children'。 – kei

試試這個：

$(function() { 
    $(".product-price").each(function() { 
     if($(this).siblings('.product-options').children('select').length >= 2) { 
      $(this).css('padding-top', '35px'); 
     } 
    }); 
});

Working jsFiddle

來源

2014-02-10 22:57:12

這也適用，如果我使用.find。謝謝！ –

很高興幫助！ –

jquery設置填充的兄弟姐妹滿足案件

回答

相關問題