JQueryでappendで追加したIDの要素内のテキストを変更したいのですが、出来なくて困っております。

Question

JQueryを用いて、appendで連番のidを動的に付与しているdivタグがあり、そのタグ内のテキストを動的に変更したいのですが、
良い方法があれば教えてください。

.onイメージとしましては、ある
1 <div id=hogehoge1">aaa</div>を動的にappendを用いてＪＱｕｅｒｙ内で追加
2 <div id=hogehoge1">bbb</div>後段処理でaaaをbbbに変更する

DOMを動的に追加しているので、その追加に対して非同期処理が走っており、2で変更しようとしているIDが見つからないとエラーが出ているようです。。。

よろしくお願いします。

Comments

[masaya_ohashi]

エラーが出るということはタイミング、もしくは書き方が悪いことが予測されますが、コードが提示されていないため指摘できません。可能であればコードの提示をお願いします。

[a-x]

ありがとうございます。自己解決してしまいました為、今後質問する際にはソースコードを掲載するように注意いたします。

Answer 1

非同期で追加したdivのidを利用してアクセスしたいならこうですね

$(function(){
  $.when(
    def= $.Deferred(),setTimeout(function(){$('#test').append($('<div id="hogehoge1">aaa</div>'));def.resolve()},1000)
    ).done(function(){
      $('#hogehoge1').text("bbb");
  });
});

<div id="test"></div>

Comments

[a-x]

ありがとうございます！whenは使っていなかったので、そちらを参考に再修正したいと思います！

[yambejp]

実はwhenにsetTimeoutを実装してもうごきません
ポイントは$.Defferedになるので確認してみてください
書式的にはpromiseでもいけると思います

Answer 2

promiseを使ったりしました。

Comments

[yambejp]

自己解決をした場合も、その内容を明記したほうが良いと思います

Answer 3

普通に考えれば、jQuery#append() 前に動的にテキストノード値を書き換えると思うのですが。

jQuery(document.body).append(jQuery('<div id="hogehoge1">aaa</div>').text('bbb'));

Re: a-z さん

Comments

[a-x]

回答ありがとうございます。
後ほど記載しますが、自己解決してしまいました。
1が表示されてちょっと時間をおいて2を実行しなくてはいけなかったので、ちょっと同意処理を入れました。
ありがとうございます。

Answer 4

text(val) - jQuery 日本語リファレンス

こちらを。

Comments

[a-x]

書き込みありがとうございます。
書き方が悪く申し訳ございません。
textで変更する前に、IDを動的に追加し、そのIDのテキストを動的に変更する際に、IDが見つからないと怒られてしまっております。※おそらくですが。。。