JQuery拡大/縮小関連要素

Question

var up_vote_button = $('.up-vote-button'); 
var down_vote_button = $('.down-vote-button'); 

$(up_vote_button).click(function(){ 
    $(this).siblings('i').css('font-size', '16px'); 
    $(this).parent().siblings('down-vote') 
    .find('i').css('font-size', '14px');   
});                                   
$(down_vote_button).click(function(){ 
    $(this).siblings('i').css('font-size', '16px'); 
    $(this).parent().siblings('up-vote') 
    .find('i').css('font-size', '14px');   
}); 

<div class="votes-container">  
    <div class="up-vote"> 
     <i></i> 
     <input class="up-vote-button" type="button" /> 
    </div> 
    <div class="down-vote"> 
     <i></i> 
     <input class="down-vote-button" type="button"/> 
    </div> 
</div> 

関連するアイコンのフォントサイズを切り替えないのはなぜですか？コメントのリクエストごとにHTMLが追加されました。ありがとう！

Answer 1

あなたは "なぜ、これが関連するアイコンのフォントサイズをトグルしていない？" _各.click()ハンドラ

var up_vote_button = $('.up-vote-button'); 
 
var down_vote_button = $('.down-vote-button'); 
 

 
up_vote_button.click(function(){ 
 
    $(this).siblings('i').css('font-size', '16px'); 
 
    $(this).parent().siblings('.down-vote') 
 
    .find('i').css('font-size', '14px');   
 
});                                   
 
down_vote_button.click(function(){ 
 
    $(this).siblings('i').css('font-size', '16px'); 
 
    $(this).parent().siblings('.up-vote') 
 
    .find('i').css('font-size', '14px');   
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
 
</script> 
 
<div class="votes-container">  
 
    <div class="up-vote"> 
 
     <i>up</i> 
 
     <input class="up-vote-button" type="button" /> 
 
    </div> 
 
    <div class="down-vote"> 
 
     <i>down</i> 
 
     <input class="down-vote-button" type="button"/> 
 
    </div> 
 
</div>