1

「I Tot I Taw a Puddy Tat!」というテキストを追加しています。次のように、ready 関数で jQuery を使用してページの上部に移動します。

$("#Twitterati").html("<h3>I Tot I Taw a Puddy Tat!</h3>").append(tweetiePie);

...しかし、そのプレースホルダー テキスト (「I Tot I Taw a Puddy Tat!」) を、このテキスト入力コントロールのコンテンツに動的に置き換えたい:

<input type="text" name="inputQuery" id="inputQuery" placeholder="Enter something" style="display: inline-block;" />

...Enter キーを押したとき。どうやってやるの？

私はこれを試しました：

$("#inputQuery").keyup(function(e) {
    if(e.keyCode == 13) {
        $("#Twitterati h3").val($("#inputQuery".val()));
    }
});

...この：

$("#inputQuery").keyup(function(e) {
    if(e.keyCode == 13) {
        $("#Twitterati h3").replaceWith($("#inputQuery".val()));
    }
});

...しかし、私が見ることができるように、どちらも何もしませんでした...

アップデート

現在、これはかなりうまく機能しています。しかし、inputQuery val がテキスト/キャプション/見出しも置き換えたときに、ツイートを更新したいと考えています。IOW、たとえば「jquery」から「html5」にテキストを変更できますが、表示されているツイートはjqueryツイートのままです。そのdivを更新するにはどうすればよいですか?

4

6 に答える 6

1

少し安全

$("#inputQuery").keyup(function(e) {
    if(e.keyCode == 13) {
        $("#Twitterati h3").text(this.value);
    }
});
于 2013-05-15T04:51:49.190 に答える