jQueryで他のdiv内のボタンからテキスト値を表示したい

Question

私はこのコードを持っています。ラジオボタンを1つクリックすると、別のdiv内のボタンに含まれているテキストが見えます。

これは（動作しない）jQueryのコードです：

$(document).ready(
    function() { 
    $(".boton").click(function() { 
     var text = $(this).text(); 
     $(".title").val(text); 
    }); 
}); 

そして、これはHTMLです。

これは、ラジオボタンの例です：

<input type="radio" class="boton" name="level" id="a" class="grammar1" value="a" style="background:red;" ><span><label for="a" class="grammar1">Grammar explanation</label></span> 

そして、これは私がテキストとしてテキスト「文法解説」を参照してくださいことを期待div要素です：

<div class="title"></div> 

私はあなたがすることを願って助けてくれ、ありがとう。

Answer 1

あなたはつまりHTMLあたりとDIV要素としてSPAN要素は、このようにvalueプロパティを持っていないあなたは.text()

$(".boton").click(function() { 
    var text = $(this).next().text(); 
    $(".title").text(text); 
}); 

$(document).ready(
 
    function() { 
 
    $(".boton").click(function() { 
 
     var text = $(this).next().text(); 
 
     $(".title").text(text); 
 
    }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<input type="radio" class="boton" name="level" id="a" class="grammar1" value="a" style="background:red;"><span><label for="a" class="grammar1">Grammar explanation</label></span> 
 
<br><br><br> 
 
<div class="title"></div>

を使用する必要が直後の兄弟をターゲットに .next()を使用する必要があります