Javascript 如何在jquery中插入div html？

我想问一下如何在jquery（var fieldHTML）中插入div html？下面是我的代码

html

js

$（文档）.ready（函数（）{
var maxField=3；//输入字段增量限制
var addButton=$（'.add_button'）；//添加按钮选择器
var wrapper=$（'.field wrapper'）；//输入字段wrapper
var fieldHTML=
“；//新的输入字段html

详情如下：

欢迎所有建议

谢谢。

这是更新后的解决方案

我在你的代码中看到的唯一问题是javascript中的变量

fieldHTML

。这个变量没有将你的HTML作为字符串。因此给出以下错误

未捕获的语法错误：无效或意外标记

只要将HTML转换成字符串，一切都会正常工作

var fieldHTML = '<div class="field-wrapper"><div class="field-wrapper-inner"><div class="left"><input type="text" name="field_name[]" value=""/></div>  <div class="right"><input type="text" name="field_name[]" value=""/></div><a href="javascript:void(0);" class="remove_button" title="Remove field">-</a></div></div>';

var fieldHTML=''；

jQuery有两种附加内容的方法：

.append( content [, content ] )

将参数指定的内容插入到匹配元素集中每个元素的末尾。（）

第二个：

.appendTo( target )

将匹配元素集中的每个元素插入目标的末尾。（）

第一个很简单，它在元素后面添加内容，即

$（'.field wrapper-inner'）.append（fieldHTML）

这一个将在

…

之后添加代码

如果您想在结束

之前将代码放在div中，那么您需要将元素附加到此div中，但是您的元素应该是jQuery对象，而不仅仅是字符串。要使其成为jQuery对象，只需使用

$（）

将其包装，即

var fieldHTML=$（“我的HTML代码”）；

，然后将其附加到另一个jQuery元素：

fieldHTML.appendTo($('.field-wrapper-inner'))

这将把元素放在

..

内，就在结束标记的前面。

$（文档）。就绪（函数（）{
    $(document).ready(function(){
var fieldHTML = '<div class="field-wrapper">
<div class="field-wrapper-inner">
    <div class="left">
        <input type="text" name="field_name[]" value=""/>
    </div>
    <div class="right">
        <input type="text" name="field_name[]" value=""/>
    </div>
    <a href="javascript:void(0);" class="remove_button" title="Remove field">-</a>
</div>
</div>'
    $('.field-wrapper').append(fieldHTML);

    });

var fieldHTML=
'
$（'.field wrapper'）.append（fieldHTML）；
});

请不要只是发布代码的链接，并使用代码语法来避免“无代码无小提琴”规则。第一个建议是通过在问题本身中提供一个链接来正确使用网站。花些时间阅读我不明白问题是关于什么的-你可以说得更清楚一点。Mayur Patel，谢谢你的解决方案。

fieldHTML.appendTo($('.field-wrapper-inner'))

    $(document).ready(function(){
var fieldHTML = '<div class="field-wrapper">
<div class="field-wrapper-inner">
    <div class="left">
        <input type="text" name="field_name[]" value=""/>
    </div>
    <div class="right">
        <input type="text" name="field_name[]" value=""/>
    </div>
    <a href="javascript:void(0);" class="remove_button" title="Remove field">-</a>
</div>
</div>'
    $('.field-wrapper').append(fieldHTML);

    });