как искать добавленный html в jquery?

Question

Я хочу создать somthing как форму комментария комментария Wordpress. в WP, когда вы нажимаете кнопку ответа a из apear под кнопкой ответа. Я добавляю форму после нажатия кнопки ответа, но моя проблема в том, что если я нажму еще раз, добавьте еще одну форму в контейнер. для обработки этого я хочу найти контейнер перед добавлением формы, если форма существует, она не добавляет другой, но кажется, что поиск не будет работать для добавленного 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 

Answer 1

Ваш HTML строка и 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 ') 
    } 

}) 

Answer 2

$(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.find('form').length <1) 
       container.append(form) 
      }else{ 
       alert('it is also appended') 
      } 

     }); 

Answer 3

использование найти и длина, чтобы проверить элемент присутствует или нет

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