Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何在jQuery中添加更多div_Php_Jquery_Html_Tags - Fatal编程技术网

Php 如何在jQuery中添加更多div

Php 如何在jQuery中添加更多div,php,jquery,html,tags,Php,Jquery,Html,Tags,当您单击new div时,我正在尝试向页面添加一个新的div 我怎么能这样做?有人能给我指出正确的方向吗?更多的示例代码总是很有帮助的,但我会尝试给你一些基础知识 <div id="Content"> <button id="Add" /> </div> $(function () { $('#Add').click(function () { $('<div>Added Div</div>').appendTo('#

当您单击
new div
时,我正在尝试向页面添加一个新的
div


我怎么能这样做?有人能给我指出正确的方向吗?

更多的示例代码总是很有帮助的,但我会尝试给你一些基础知识

<div id="Content">
  <button id="Add" />
</div>

$(function () {
  $('#Add').click(function () {
    $('<div>Added Div</div>').appendTo('#Content');
  });
});

$(函数(){
$('#添加')。单击(函数(){
$('Added Div').appendTo('Content');
});
});

有很多不同的方法,这取决于你想做什么。一个简单的方法如下:

$('#id').html('<div>Hello</div>')
$('#id').html('Hello'))
它将id为“id”的项的内部html替换为“Hello”。因此:

<div id='id'>Old Html </div>
旧Html
将成为:

<div id='id'><div>Hello</div></div>
你好 这是:

$('#id').after('<div>Hello</div>')
$('id')。在('Hello'之后)
将“旧Html”转换为:

<div id='id'>Old Html</div>
<div Hello </div>
旧Html

确保在jQuery中使用
$(document).ready
函数。加载页面后,您需要使用此命令来“运行”脚本,并启用在此虚拟按钮上调用的操作,以将新div附加到现有div

您还可以使用jQuery选择器(如
.class
#id
)将您想要的任何内容附加到页面上的其他元素

<div id="Content">
  <button id="Add" />
</div>

$(document).ready(function() {
    $('#Add').click(function () {
    $('<div>Added Div</div>').appendTo('#Content');
  });
});

希望这有帮助

古利,在你的问题上多下点功夫。你没有给我们太多的合作,这里。。。
<div id="Content">
      <p id="changed">Hello World!</p>
      <button id="change_content" />
</div>

$(document).ready(function() {
    $('#change_content').click(function () {
        $('#changed').html('Goodbye World');
    });
});