當按下按鈕時使用jquery替換div中的文本

Question

我想知道如何使用jquery，當按下按鈕時，我可以用另一段文本替換div中的文本。

事業部：

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

按鈕：

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

我想用 「測試消息」

我發現這個在線，但它沒有工作，以取代 「示例消息」：

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

Answer 1

Try this.... 

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

Answer 2

使用text代替replaceWith：

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

Answer 3

使用text()爲div和val()爲input

Answer 4

您必須使用文本的方法來更改消息：

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

這裏是fiddle