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

ステップ<div>1IDが。のを 追加します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>