股利的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")); 
    } 
    }); 
    }); 
}); 

在该页面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> 

HTML输出需要输出

<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输出中你没有“test”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" />');