Question

我想在每次点击按钮时将

内容添加到

元素

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>appendTo demo</title>
<style>
#foo {
background: yellow;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<p>I have nothing more to say... </p>
<button onclick="hamza()"> Click </button>



<script>
function hamza(){
$( "p" ).appendTo("p");
}
</script>

</body>
</html>

我想要的是当我点击按钮

内容（我没有更多话要说......）每次都添加

Answer 1

在提出更新的问题时，如果您想从段落中获取文本，请执行以下操作：

<div id="wrapper">
    <p>I have nothing more to say... </p>
</div>
<button id="buttonID"> Click </button>

<script>
$(function() {
    $("#buttonID").on("click", function(){
        var paragraf = $("#wrapper > p").eq(0).html();
        $("<p>"+paragraf+"</p>").appendTo("#wrapper");
    });
});
</script>

updated jsfiddle

修改：如果您不确定该标记是<p>还是其他内容，则此代码将支持包含的子元素，如<span>，<div>和<p> Yet another fiddle

Answer 2

我会这样做......当文档准备就绪时，我们在p中找到文本并将其设置为变量。然后当发生咔嗒声时，我们将该文本注入p。希望有帮助！

这里是JS Fiddle

<p>I have nothing more to say... </p>
<button> Click </button>


$( document ).ready( function () {
    var par = $( "p" ).text()
    $( "button" ).on( "click", function () {
        $( "p" ).append( par )
    })
})

如何将相同的数据附加到div

2 个答案: