javascript - 创建动态元素和 document.write

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 风格：

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

但是，您最好使用 jQueryappend函数将元素添加到页面，方法是执行类似的操作

$("body").append(widget)

Answer 2

步骤 1 添加一个<div>ID 为 的wiget。这将是通过您的LoadWidget()函数动态附加元素的容器。

    <div>
<div id="widget"></div>

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

            .
            .
            .
            .

<script>
function LoadWidget(name)
{
    if(name)
    {
                  /*
                   * Use the widget HTML element to place the name
                   * into the widget container
                   *
                   */

        $('#wiget').html('<p>'+name+'</p>');
                    /* OR */

                   /* $('body').html('<p>'+name+'</p>'); */

    }
    else
    {
        return false;
    }
}
</script>