如何使用jquery向现有div添加文本_Jquery_Html_Text_Add

如何使用jquery向现有div添加文本

jquery html text

如何使用jquery向现有div添加文本,jquery,html,text,add,Jquery,Html,Text,Add,当我单击id为add的按钮时，我想向现有div添加文本。但这是行不通的这是我的代码： $（函数（）{ $（'#添加'）。单击（函数（）{ $（“Text”）。附录（“#Content”）； }); }); 添加您的html无效按钮不是空标记。试一试 <div id="Content"> <button id="Add">Add</button> </div> 添加运行示例： //如果要在实际内容之前添加元素，请使用befo

当我单击id为add的按钮时，我想向现有div添加文本。但这是行不通的

这是我的代码：

$（函数（）{
$（'#添加'）。单击（函数（）{
$（“Text”）。附录（“#Content”）；
});
}); 

添加
您的html无效按钮
不是空标记。试一试
<div id="Content">
   <button id="Add">Add</button>
</div> 


添加
运行示例：

//如果要在实际内容之前添加元素，请使用before（）
$（函数（）{
$（'#AddBefore'）。单击（函数（）{
$（“#内容”）。在（“按钮前的文本””）之前；
});
});
//如果要在实际内容之后添加元素，请使用after（）
$（函数（）{
$（'#AddAfter'）。单击（函数（）{
$（“#内容”）。在（“按钮后的文本””）之后；
});
});

加在前面
加在后面
您需要定义按钮文本，并为按钮提供有效的HTML。我还建议对按钮的单击处理程序使用.on


$（函数（）{
$（'#添加'）。在（'单击'，函数（）{
$（“Text”）。附录（“#Content”）；
});
});

添加文本
我们可以用更简单的方法来完成，比如在按钮上添加一个函数，然后单击，我们调用该函数进行追加
<div id="Content">
<button id="Add" onclick="append();">Add Text</button>
</div> 
<script type="text/javascript">
function append()
{
$('<p>Text</p>').appendTo('#Content');
}
</script>


添加文本
函数append（）
{
$（“Text”）。附录（“#Content”）；
}
从我的角度来看非常简单：-
<html>
<head>
<script
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $("input").click(function() {
            $('<input type="text" name="name" value="value"/>').appendTo('#testdiv');
        });

    });
</script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
    <div id="testdiv"></div>
    <input type="button" value="Add" />
</body>
</html>


$（文档）.ready（函数（）{
$（“输入”）。单击（函数（）{
$（''）.appendTo（'#testdiv'）；
});
});
在此处插入标题

$（函数（）{
$（'#添加'）。单击（函数（）{
$（“Text”）。附录（“#Content”）；
});
}); 

添加
jquery.replaceWith（）
方法通过一次调用从DOM中删除内容并在其位置插入新内容<代码>$（“第二节”）。替换为（“新标题”）