獲得附加到無線電的元素的值

Question

當我使用jQuery在一對單選按鈕中選擇無線電時，如何獲得.coefficient的值？

<label class="bet-team-box" for="radio-1"> 
    <input class="bet-main-input" id="radio-1" name="group1" type="radio"> 
    <span class="fake-label"> 
     <span class="team"> 
      Midnight Sun Esports 
     </span> 
     <span class="img-box"> 
      <img src="images/logo-team-04.png" alt="image description" width="20" height="20" /> 
     </span> 
     <span class="coefficient"> 
      12.43 
     </span> 
    </span> 
</label> 

Answer 1

您可以使用closest()獲取父label元素，然後find()得到coefficient。試試這個：

$('.bet-main-input').change(function() { 
    var coefficient = $(this).closest('label').find('.coefficient').text(); 
    // use variable here... 
}); 

Answer 2

不知道是否它的最佳方式，但你可以找到它這樣。

$("#radio-1").click(function() 
{ 
    $($($(this).siblings()[0]).children('span.coefficient')).text(); 
});