0

私はこのようなhtml構造を持っています 

      <div class="selected">
        <div class="selectedOption">September 2012</div>
     </div>
     <div class="optionsContainer" style="width: 138px;">
        <div class="option">July 2012</div>
        <div class="option">August 2012</div>
        <div class="option">September 2012</div>
        <div class="option">October 2012</div>
        <div class="option">November 2012</div>         
      </div>

「selectedOption」divと等しいコンテンツを持つオプションに「selected」クラスを適用しようとしました

jQuery('.optionsContainer .option').click(function(){ 

// call an one ajax too

jQuery.each(jQuery('.optionsContainer .option'),function(index,value){
        var temp = jQuery(this).html();
        var selected_date = jQuery(".selectedOption").html();
        if(temp == selected_date)
        {  alert('in');
            jQuery(this).addClass('selected');
        }   
    });
});

正常に動作していますが、アラートを削除すると「選択された」クラスが適用されないという問題があります。何か案は？前もって感謝します

4

1 に答える 1

1

私の理解に基づく: DEMO

$('.selectedOption').click(function(val){
   var soVal = $(this).text();
    $('.optionsContainer').toggle();

    $('.optionsContainer .option').each(function(){
        if($(this).text() == soVal){
            $(this).addClass('selected');
        }else if($(this).hasClass('selected')){
           $(this).removeClass('selected');
        }

    });

});

しかし、これがあなたが本当に望んでいることなのか、それともその逆なのか疑問に思います。

于 2012-07-05T07:06:55.420 に答える