Javascript 如何通过ajax过滤返回的html输出中的div？

我正在使用标签、名称、Id、最小值、最大值和值等设置创建一个动态字段表单

当我点击按钮时，js函数返回两个div内文本框的定义

这里返回了HTML代码：

<!--field div-->
<div id="text-field<?php echo $FieldId; ?>" class="new-field-div" onclick="activeSettings('text-field<?php echo $FieldId; ?>', 'text')">
    <p>Single Line Text</p>
    <input name="text-field<?php echo $FieldId; ?>" type="text" disabled />
</div>

<!--filed settings div-->
<div id="text-field-settings<?php echo $FieldId; ?>" class="new-field-div">
<p>Paragraph Field Label</p>
<input id="label-" name="label-" type="text"  />
<p>Field Size</p>
<select name="size-">
    <option value="small">Small</option>
    <option value="medium">Medium</option>
    <option value="large">Large</option>
</select>
<p>Charcter Range</p>
Min: <input id="min" name="min" type="text" value="0" style="width:50px;" />
Max: <input id="max" name="max" type="text" value="0" style="width:50px;" />
<p>Required: <input name="required" type="checkbox" value="yes" /> </p>
</div>

---

但是运气不好，需要帮助或建议。提前感谢。

您收到的数据类型是字符串，您需要解析html以获取DOM节点

检查

尝试在请求成功函数时添加此项

data = $.parseHTML(data);

---

这将使您保留一个DOM节点数组而不是字符串，因此在使用jQuery对象包装它之后，您应该能够找到您要查找的div。

var FieldDiv=jQuery（data）.find（“div#text field”）；var fieldsetingsdiv=jQuery（data）.find（“div#text field settings”）

--其对象的重新调整数组。--

jQuery（#左侧字段设置”）.append（fieldsetingsdiv）不呈现HTML div。您可以使用本机javascript拾取节点，并改用appendChild方法
data = $.parseHTML(data);