Jquery Div html代码未从html代码中提取

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>

维卡斯
衣服1
衣服2
测试数据

需要输出

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

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

衣服1
衣服2
测试数据

问题

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

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

衣服1
衣服2

删除下一行“

div#test

”中的空格：

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

---

我想你可以得到这个：

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

---

我也这样做过$（“#test”）.html（$（html）.find（“#testdata”）；但不起作用我的意思是，将这一行更改为

$（“div#test”）.html（$（html）.find（“div#testdata”）

在

div

和

#test

之间都有一个空格。发生的情况是，ajax调用在所有div元素中查找id=“test”的元素，而不是在希望插入响应的页面上查找id=“test”的div元素，testdata部分，您是否已经有了id=“test”的元素还是不？我想在@vikastyagi包装中获取这条线路的测试数据，并准确地执行该操作

<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

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