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

您需要使用class selector，因为#conversation是指带有ID对话的元素

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

Fiddle DEMO

修改

你应该看看这个To Close or Not To Close Tags in HTML5和一个好问题Closing tags in HTML5

Answer 2

将#替换为选择器中的.（会话为CLASS ）

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

Answer 3

我在jQuery方面并不擅长，但是从我的一个项目中，我只需要简单地将div定位为html即可： var someData = "This is a message"; $("#conversation").html(someData);

如果在此之前存在一些内容，则可以将其检索，连接并写回到目标div。

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

3 个答案:

修改