Question

如果已经被问过，请道歉。有类似的问题，但似乎都没有解释这样做的最佳方式。

说我有以下代码：

<div id ="test"> hello </div>

我想在这个div中插入一个id为“test 2”的新div框。使用Jquery最简单的方法是什么？

Answer 1

您需要通过以下方式动态地将另一个div附加到现有div

$( "#test" ).append( '<div id="test2">Test</div>');

Answer 2

<强>脚本

var contentString = "<div id='test2'></div>"
$("#test").append(contentString);

Answer 3

这是我认为最简单的方式

var Div_2 = $("<div></div>").attr("id","test 2");
Div_2.appendTo($("#test"))

Answer 4

Fiddle

var div2 = $("<div id='test2'>")
$("#test").append(div2)

Answer 5

$("#test2").appendTo("#test");

http://api.jquery.com/appendto/

Answer 6

<html lang="en">
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <script>
  $(function() {
        var divCount = 0;
        $( "#create" ).click(function() {
          $( "#contents" ).append( '<div id="div' + divCount + '">div id=div' + divCount + '</div>');  
          divCount++;
        });
  });
  </script>
</head>
<body>
    <div id="contents"></div>
    <a href="#" id="create">Add new div</a>
</body>
</html>

如何使用jquery创建具有唯一ID的新div

6 个答案: