jQueryの文字列は、選択したボタンとその値に基づいて変数が

Question

私は次のスクリプトがあります

$(function(){ 
    //all hover and click logic for buttons 
    $(".fg-button:not(.ui-state-disabled)") 
    .hover(
     function(){ 
      $(this).addClass("ui-state-hover"); 
     }, 
     function(){ 
      $(this).removeClass("ui-state-hover"); 
     } 
    ) 
    .mousedown(function(){ 
     $(this).parents('.fg-buttonset-single:first').find(".fg-button.ui-state-active").removeClass("ui-state-active"); 
     if($(this).is('.ui-state-active.fg-button-toggleable, .fg-buttonset-multi .ui-state-active')){ $(this).removeClass("ui-state-active"); } 
     else {$(this).addClass("ui-state-active");} 
    }) 
    .mouseup(function(){ 
     if(! $(this).is('.fg-button-toggleable, .fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button')){ 
      $(this).removeClass("ui-state-active"); 
     } 
    }); 
}); 

とhtml：

<div class="fg-buttonset fg-buttonset-multi"> 
<button class="fg-button ui-state-default">Small</button> 
<button class="fg-button ui-state-default">Medium</button> 
<button class="fg-button ui-state-default">Large</button> 
</div> 

これは、オンとオフのボタンを切り替えますが、私は、文字列aに必要以下のフォーマットの変数varサイズ：

たとえば、 スモール|中サイズ

選択に基づいて（上の例では中小を選択）

サイズのオプションの数はかなり異なり、必ずしも小さくても大でもないことに注意してください。

ありがとうございました

Answer 1

これは、あなたに "|"各ボタンセットの区切り文字列。

$(".fg-buttonset").each(function() { 
    var size = $(this).find(".ui-state-active").map(function() { 
     return $(this).text(); 
    }).join("|"); 
});