javascript - 如何在jQuery中搜索附加的HTML？

我想创建诸如wordpress评论回复表格之类的东西。在WP中，当您单击回复按钮下方的ap上的回复按钮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

最佳答案

您的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 ')
    }

})

关于javascript - 如何在jQuery中搜索附加的HTML？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31198953/