按下按钮时，使用Jquery替换div中的文本

Question

我想知道如何使用jquery我可以在按下按钮时用另一段文本替换div中的文本。

股利：

<div id="message">example message</div>

按钮：

<input id="hideshow" type="button" value="here" onclick="replaceWith();">

我想替换＆＃34;示例消息＆＃34;使用＆＃34;测试消息＆＃34;

我在网上找到了这个，但它没有工作：

$('#notes').on("click", "#hideshow", function(e){
    $("#message").replaceWith("test message");
});

Answer 1

使用text代替replaceWith：

$("#message").text("test message");

Answer 2

text()使用div，val()使用input

Answer 3

Try this....

    $(document).on("click", "#hideshow", function(e){
    $("#message").text("test message");
});

Answer 4

您必须使用text方法更改消息：

$('#notes').on("click", "#hideshow", function(e){
    $("#message").text("test message");
});

以下是fiddle