Javascript 如何在jquery中搜索附加的html？

我想创建一些类似wordpress评论回复表单的东西。在WP中，当您单击答复按钮下apear的答复按钮a时。 我在单击“回复”按钮后添加表单，但我的问题是，如果我再次单击另一个表单“附加到容器”。 在处理这个问题时，我希望在附加表单之前先搜索容器，如果表单存在，它就不能附加另一个，但搜索似乎对附加的html不起作用。 你对这个问题有什么建议

$(document).on('click','.reply-btn',function(){
 ...

            var form="<div class='col-xs-12' >"+
                  "<form role='form' method='post'>"+
                    ....
                  "</form>"+
             "</div>";

            var container=$(this).closest('div');

            if(container.html().search(form)<0){
                container.append(form)
            }else{
                alert('it'e also appended') 
            }

        })// .reply-btn

$（文档）.on（'click'，'reply btn'，function（）{
...
var form=“”+
""+
....
""+
"";
var container=$（this）.closest（'div'）；
if（container.html（）.search（form）
$（document）.on（'click'，'reply btn'，function（））{
var form=“”+
""+
....
""+
"";
var container=$（this）.closest（'div'）；
if（container.find（'form'）.length
$（document）.on（'click'，'reply btn'，function（））{
var form=“”+
""+
....
""+
"";
var container=$（this）.closest（'div'）；
if（container.find（'form'）.length
$（document）.on（'click'，'reply btn'，function（））{
var form=“”+
""+
....
""+
"";
var container=$（this）.closest（'div'）；
if（container.find（'form'）.length
$（document）.on（'click'，'reply btn'，function（））{
var form=“”+
""+
....
""+
"";
var container=$（this）.closest（'div'）；
如果（container.find（'form'）.length您的html字符串和dom结构返回的html可能不相同，您应该做的是检查container是否具有类似

$(document).on('click', '.reply-btn', function () {


    var container = $(this).closest('div');

    if (container.find('form').length == 0) {
        var form = "<div class='col-xs-12' >" +
            "<form role='form' method='post'>" + ....
            "</form>" +
            "</div>";
        container.append(form)
    } else {
        alert('it\' e also appended ')
    }

})

$（文档）。在（'单击'，'上。回复btn'，函数（）{
var container=$（this）.closest（'div'）；
if（container.find（'form'）。长度==0）{
var form=“”+
"" + ....
"" +
"";
container.append（表单）
}否则{
警报（'it\'e还附加'）
}
})
您的html字符串和dom结构返回的html可能不相同，您应该做的是检查容器是否具有类似

$(document).on('click', '.reply-btn', function () {


    var container = $(this).closest('div');

    if (container.find('form').length == 0) {
        var form = "<div class='col-xs-12' >" +
            "<form role='form' method='post'>" + ....
            "</form>" +
            "</div>";
        container.append(form)
    } else {
        alert('it\' e also appended ')
    }

})

$（文档）。在（'单击'，'上。回复btn'，函数（）{
var container=$（this）.closest（'div'）；
if（container.find（'form'）。长度==0）{
var form=“”+
"" + ....
"" +
"";
container.append（表单）
}否则{
警报（'it\'e还附加'）
}
})
您的html字符串和dom结构返回的html可能不相同，您应该做的是检查容器是否具有类似

$(document).on('click', '.reply-btn', function () {


    var container = $(this).closest('div');

    if (container.find('form').length == 0) {
        var form = "<div class='col-xs-12' >" +
            "<form role='form' method='post'>" + ....
            "</form>" +
            "</div>";
        container.append(form)
    } else {
        alert('it\' e also appended ')
    }

})

$（文档）。在（'单击'，'上。回复btn'，函数（）{
var container=$（this）.closest（'div'）；
if（container.find（'form'）。长度==0）{
var form=“”+
"" + ....
"" +
"";
container.append（表单）
}否则{
警报（'it\'e还附加'）
}
})
您的html字符串和dom结构返回的html可能不相同，您应该做的是检查容器是否具有类似

$(document).on('click', '.reply-btn', function () {


    var container = $(this).closest('div');

    if (container.find('form').length == 0) {
        var form = "<div class='col-xs-12' >" +
            "<form role='form' method='post'>" + ....
            "</form>" +
            "</div>";
        container.append(form)
    } else {
        alert('it\' e also appended ')
    }

})

$（文档）。在（'单击'，'上。回复btn'，函数（）{
var container=$（this）.closest（'div'）；
if（container.find（'form'）。长度==0）{
var form=“”+
"" + ....
"" +
"";
container.append（表单）
}否则{
警报（'it\'e还附加'）
}
})
使用查找和长度检查元素是否存在

   if(container.find("form").length){
     // already there
}

使用“查找”和“长度”检查元素是否存在

   if(container.find("form").length){
     // already there
}

使用“查找”和“长度”检查元素是否存在

   if(container.find("form").length){
     // already there
}

使用“查找”和“长度”检查元素是否存在

   if(container.find("form").length){
     // already there
}