如何使用jQuery将文本添加到div？

Question

我正在尝试使用jQuery将一段文本附加到div。 我尝试使用以下代码执行此操作：

<html><head></head><body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#sendButton").click(function(){
            $("#conversation").append("<P>This is a message");
        });
    });
</script>
<div class="conversation"><p>some message</div>
<form><input type="button" id="sendButton" value="Send Message"></form>
</body></html>

看到关于这个主题的大量教程似乎是一件很简单的事情，但我似乎无法弄清楚我在这里做错了什么。 任何帮助将不胜感激。

Answer 1

您需要使用类选择器 ，因为#conversation具有id对话的元素

 $(".conversation").append("<P>aergerag");

小提琴演示

编辑

您应该在HTML5中查看此关闭或不关闭标记，这是一个很好的问题关闭HTML5中的标记

Answer 2

用#替换# . 在您的选择器中（ 会话是CLASS ）

$(".conversation").append("<P>aergerag");

如何使用jQuery将文本添加到div？

问题描述

2 个解决方案

解决方案1
8 已采纳 2014-02-05 18:26:57

编辑

解决方案2
3 2014-02-05 18:26:59

如何使用jQuery将文本添加到div？

问题描述

2 个解决方案

解决方案1 8 已采纳 2014-02-05 18:26:57

编辑

解决方案2 3 2014-02-05 18:26:59

解决方案1
8 已采纳 2014-02-05 18:26:57

解决方案2
3 2014-02-05 18:26:59