Drupalの製品ページ：オプションが1つしかない場合は、選択タブでcssを調整する必要があります。

Question

Drupal Commerceの製品ページには、サイズオプションがあります。 1つのサイズオプションだけを持つ選択タグに対してCSSを調整する必要があります。これは私の無駄なjqueryの試みです：

if($(".page-store select.form-select option:selected").index()==0) { 
    $(page-store select.form-select).addClass("one-option-only"); 
}; 

どうすればいいですか？

Answer 1

チェック.children("option").length。

$(document).ready(function() { 
    $(".page-store select.form-select").each(function() { 
    if ($(this).children("option").length === 1) { 
     $(this).addClass("one-option-only"); 
    } 
    }); 
}); 

Answer 2

ロジックが少しずれていて、構文エラーがあります。

//iterate each select 
$('.page-store select.form-select').each(function() { 
    //see if the current select has exactly one option 
    if ($(this).find('option').length == 1) { 
     //add the class 
     $(this).addClass('one-option-only'); 
    } 
});