jQueryのappendToで文字列を追加した後にさらにその文字列をjQueryで変更したい｡例えば下記のようなｿｰｽでappendToで追加した文字列をさらに変更したい場合の手法を知…

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

jQueryのappendToで文字列を追加した後にさらにその文字列をjQueryで変更したい｡

例えば下記のようなｿｰｽでappendToで追加した文字列をさらに変更したい場合の手法を知りたいです｡
(｢文字列を追加しました｡｣という文を直接変更するのではなく､さらに後からjQueryにて変更したい)

<div id="hoge"></div>

<script>
$("<strong>文字列を追加しました｡</strong>").appendTo("#hoge");
</script>

よろしくお願いいたします｡

●質問者: 匿名質問者
●ｶﾃｺﾞﾘ:ｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

▽1 ● 匿名回答1号

strong ﾀｸﾞに目印を付けておく｡

 /* 文字列を追加する */
 $("<strong id='fuga'>文字列を追加しました</strong>").appendTo("#hoge");

 /* 追加した文字列を修正する */
 $("#fuga").text("文字列を修正しました");

＃気持ち悪いよう＞appendTo()

匿名質問者さんのｺﾒﾝﾄ
早速ありがとうございます！ idを追加した場合上記のご回答で書き換わりました｡やはりid追加しないと難しいですよね｡｡

匿名回答1号さんのｺﾒﾝﾄ
>> やはりid追加しないと難しいですよね｡｡ << そんなことは無くも無くもないけど｡例えば､こんなん｡ >|javascript| $("#hoge > STRONG").text("文字列を修正しました"); ||< どっちにしても､appendTo した要素の構成を意識しなきゃいけないので､だったら id で良いじゃん､って感じかな｡

▽2 ● 匿名回答2号

2ﾊﾟﾀｰﾝ

<!DOCTYPE HTML>
<html lang="en">
<head>
 <meta charset="utf-8">
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
</head>
<body>
<div id="hoge"></div>
<script>
$(function(){
 //1.
 var strong = $("<strong>文字列を追加しました｡</strong>").appendTo("#hoge");
 strong.text('はてなﾎﾟｲﾝﾄほしいなあ！！');

 //2.
 // $("<strong>文字列を追加しました｡</strong>").appendTo("#hoge").text('ぴよ');
});
</script>
</body>
</html>