jquery - Div html代码未从html代码中提取

Question

java脚本代码

 $("#category select").change(function(){
 var category = $('select option:selected').html();

 $.ajax({
    type:"Post",
    url:"collectiepost.php",
    data:"category="+category,
    cache:"false",
    success:function(html){

 $("select").html($(html).find("option.category"));
 $("#test").html($(html).find("#testdata"));
    }
    });
  });
 }); 

该页面上的 html 输出 collectiepost.php

 <select id="ontwerper">
 <option class="desinger">vikas</option>
 </select>

 <select id="category">
 <option class="category">cloth1</option>
 <option class="category">cloth2</option>
 </select>

 <div id="testdata">test data</div>

需要输出

<select>
<option class="category">cloth1</option>
<option class="category">cloth2</option>
</select>

 <div id="test">
 <div id="testdata">test data</div>   
 </div>

问题

但我得到那些没有 div 标签的输出

<select>
<option class="category">cloth1</option>
<option class="category">cloth2</option>
</select>

Answer 1

删除以下行中“”中的空格div #test：

$("div #test").html($(html).find("div #testdata"));

Answer 2

我认为你可以得到这个：

<div id="test">
 <div id="testdata">test data</div>   
</div>

是因为在您的 html 输出中您没有“测试” div：

<select id="ontwerper">
 <option class="desinger">vikas</option>
 </select>

 <select id="category">
 <option class="category">cloth1</option>
 <option class="category">cloth2</option>
 </select>

 <div id="testdata">test data</div>
No test div here

$("div #test").html($(html).find("div #testdata"));失败了

像这样包装它：

$('#testdata').wrap('<div id="test" />');