jquery - 如何动态替换html文本？

Question

我正在添加文本“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 刷新？

score 2 · Accepted Answer

试试这个：

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

这里缺少一个右$("#inputQuery" <----
括号，最后缺少一个额外的括号.val())); <----

score 1 · Accepted Answer

修复这条线

                                        v
$("#Twitterati h3").html($("#inputQuery").val());

使用.html()代替.val()_h3

score 1 · Accepted Answer

代替"#inputQuery".val()

和

$("#inputQuery").val()

代码是：

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

score 1 · Accepted Answer

您缺少导致错误的关闭括号并将 .val() 替换为 .html 因为您要替换文本而不是值

$("#Twitterati h3").html($("#inputQuery").val());

但你原来是

$("#inputQuery".val())    //MIssing HERE

你也可以像这样使用它

$("#Twitterati h3").html($(this).val());

'this' 将自动指示 inputQuery

score 1 · Accepted Answer

您要设置目标元素的 HTML。此外，您可以使用“this”而不是再次按 ID 定位元素

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

score 1 · Accepted Answer

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