[jQuery] text - DOM Insertion, Inside

<script>
$(function(){
  $('#btn0').click(function(){
    $('#input0').val( $('#sample0 p').text() );
  });
});
</script>

<body>
<div id="sample0">
<p><span>こんにちわ</span></p>
</div>
<p><input id="input0" type="text" value=""></p>
<body>

.text(); return string
要素のテキストを取得する。

こんにちわ

要素を取得する

<script>
$(function(){
  $('#btn0').click(function(){
    $('#sample1 p').text('こんばんわ');
  });
});
</script>

<body>
<div id="sample1">
<p><span>こんにちわ</span></p>
</div>
<body>

.text( text:string )
要素にtextを設定する。

こんにちわ

要素を設定する

<script>
$(function(){
  $('#btn2').click(function(){
    $('#sample2 p').text( function(index,text){
      return 'こんばんわ';
    } );
  });
});
</script>

<body>
<div id="sample2">
<p><span>こんにちわ</span></p>
</div>
<body>

.text( function(index,text){} )
要素にfunctionの返り値を設定する。

こんにちわ

要素を設定する