用jQuery變量填充輸入（輸入接收html代碼）

Question

我可以在DOM中打開一個外部頁面。

但我想從一個div獲取所有的子標籤，並將其保存到JavaScript變量，然後打印變量輸入值

我需要在輸入保存的div所有HTML內容和子標籤：

 <form method="POST" action="test.php"> 
       <input id="content" type="text" name="content" value="<script>document.write(content)</script>"> 
       <input type="submit" value="submit"> 
     </form> 


     <div id="mydiv"></div>// here load external page 


     <script> 

     $(document).ready(function(){ 

      $("#mydiv").load("index.html"); // load external page in Dom 

      var content = $(this).closest('#div1'); 
      /* find all parents tags e content of div id="div1" 
      (This is inside the external index.html file) */ 

     }); 

     </script> 

我沒有得到它，我不知道我要去哪裏錯在上面的代碼中

感謝

Answer 1

//try like below 
<form method="POST" action="test.php"> 
      <input id="content" type="text" name="content" value=""> 
      <input type="submit" value="submit"> 
    </form> 


    <div id="mydiv"></div>// here load external page 


    <script> 

    $(document).ready(function(){ 
     $("#mydiv").load("index.html"); 
     var loadFile = load("index.html"); 
     var content = $(loadFile).find('#div1').html(); 
     $('#content').val(content); 

    }); 

    </script> 

Answer 2

你需要使用callback功能使用查看/探索加載內容$.fn.load

$(document).ready(function(){ 
    $("#mydiv").load("index.html", function(data){ 
     // assuming #div1 is inside "index.html" 
     var content = $(data).find("#div1"); 
    }); 
});