Question

如何在当前元素中添加带有jquery的动态创建元素。

<div>
   <script>
      LoadWidget("Hello");
   </script>
</div>

.
.
.
.

<script>
   function LoadWidget(name){
      //For example:
      var widget = $("<p />").html(name);
      document.write(widget.?????????);
   }
</script>

Answer 1

如果您确实想要获取元素的html，则可以执行

widget[0].outerHTML

或更多jQuery-esque：

widget.wrap("<div>").parent().html()

但是，使用jQuery append函数将您的元素添加到页面可能更好，方法是执行类似

的操作

$("body").append(widget)

Answer 2

第1步 添加ID为<div>的{{1}}。这将是通过wiget函数动态添加元素的容器。

LoadWidget()

创建动态元素和document.write

2 个答案: