テキスト　変更

今日はタグにあるテキストを変更する方法について調べましょう。

text()

pタグの中にhelloというテキストがあったらtext()を利用してkonnicnihaに変更することができます。

では、やってみましょう。

HTML

<p class="change_greeting">hello</p>

jQuery

$('.change_greeting').text('konnichiha');

こうしたら change_greetingにあるテキストはkonnichihaに変更されます。

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>COREASUR :: jQuery</title>
<script type="text/javascript"
src="https://code.jquery.com/jquery-2.1.0.min.js">
</script>
<script>
$(function(){
    $('.change_greeting').text('konnichiha');
});
</script>
</head>
<body>
    <p class="change_greeting">hello</p>
</body>
</html>

コード実行ボタンを押して結果をみてください。
helloじゃなく konnichihaが出力されました。
text()ただこれだけ使うんだったら、タグにあるテキストを取得します。
text()の中にテキストを書くとそのテキストに変更されます。
逆に何も書かないとそのタグにあるテキストを取得します。
아래는 클래스 hello감싸는 텍스트hello를 jquery의 text()가 값을 가져와서 alert창으로 띄워주는 소스 입니다.
したのソースは helloタグにあるテキストをalert()窓を利用し出力するソースです。

HTML

<p class="hello">hello</p>

jQuery

var i = $('.hello').text();
alert(i);

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>COREASUR :: jQuery</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.0.min.js">
</script>
<script>
    $(function(){
        var i = $('.hello').text();
        alert(i);
    });
</script>
</head>
<body>
<p class="hello">hello</p>
</body>
</html>

text()について勉強しました。
次はhtml()です。

テキスト 変更

text()

HTML

jQuery

HTML

jQuery

テキスト　変更