jqueryでスパンの値を取得

Question

クリックしてスパンの値を取得する方法をラジオボタンでクリックします。私は$(this)をクリックすることを好みましたが、そのスパンテキストの値を与えます。ここに私のコードです。助けてください。おかげで事前あなたが行うことができます

<div class='col-md-1 col-sm-1 col-xs-1 pad'> 
    <input type='radio' name='test' value='' id='radio_btn'> 
</div> 

<div class='col-md-11 col-sm-11 col-xs-11 pad'> 
    <span>Option_1</span> 
</div> 

$('#radio_btn').on('click', function(e){ 
alert($(this).find('span').text()) 
}); 

Answer 1

ラジオボタンがある場所にはスパンがありません。あなたはこれを使うことができます。 jsfiddleもチェックしてください。

$('#radio_btn').on('click', function(){ 
    alert($('.pad').find('span').text()); 
}); 

https://jsfiddle.net/31gqgc7n/2/ 

Answer 2

にこの

$(document).ready(function(){ 
    $("input[name='test']").click(function(){ 
     $("span").each(function(){ 
      alert($(this).text()); 
     }); 
    }); 
}); 

のようなものは、ここで

Answer 3

は実は、 'これは' あなたの関数の内部で$（ '＃のradio_btn'）である機能の例とlinkですしたがって、入力内にスパンがなく、できないことがあります。これを試してみてください：

<div class='col-md-1 col-sm-1 col-xs-1 pad'> 
    <input type='radio' name='test' value='' id='radio_btn'> 
</div> 

<div class='col-md-11 col-sm-11 col-xs-11 pad'> 
    <span id="my_span">Option_1</span> 
</div> 

$('#radio_btn').on('click', function(e){ 
    alert($('#my_span').text()); 
});