HTML jquery関数で追加されたDIVにアクセスするには？

Question

jqueryでボタンをクリックして送信されるフォームがあります。下記のjqueryのフォームバリデーションを使用して

$('#run-scraper').click(function() { 

    $('#scraper-form').submit(); 

    $('#results').html('<div class="loading">Scraping odds. Please wait...<br><img src="/images/ajax-loader.gif">'); 

}); 

イム：フォームが動作している間、それはそうのような#resultsにいくつかのカスタムHTMLを置きます。私がしたいのは、エラーの結果divをクリアすることです。しかし、それは動作しません。 HTMLはエラーが発生したときにそこにとどまります。ボタンをクリックしたときに結果が追加された後、その結果にアクセスするにはどうすればよいですか？

$.validate({ 
    form     : '#scraper-form', 
    errorMessagePosition : 'top', 
    validateOnBlur   : false, 
    scrollToTopOnError  : false, 
    onError     : function($form) { 

     $('#results').html(''); 

    } 
}); 

Answer 1

あなたは溶液で行くここ

$('#run-scraper').click(function() { 
    $('#results').html('<div class="loading">Scraping odds. Please wait...<br><img src="/images/ajax-loader.gif">'); 
    $('#scraper-form').submit(); 
}); 

Answer 2

以下のように使用。コードの下

$.validate({ 
 
    form     : '#scraper-form', 
 
    errorMessagePosition : 'top', 
 
    validateOnBlur   : false, 
 
    scrollToTopOnError  : false, 
 
    onError     : function($form) { 
 
     $('div[class="loading"]).remove(); 
 
    } 
 
});

を空にする

$('#results').html('<div class="loading">Scraping odds. Please wait...<br><img src="/images/ajax-loader.gif"></div>'); 

つ以上の方法に無効HTML

$('#results').html('<div class="loading">Scraping odds. Please wait...<br><img src="/images/ajax-loader.gif">'); 

変更これを持っていますコンテナを使用するコンテナjQuery空のメソッド。

$.validate({ 
 
    form     : '#scraper-form', 
 
    errorMessagePosition : 'top', 
 
    validateOnBlur   : false, 
 
    scrollToTopOnError  : false, 
 
    onError     : function($form) { 
 
     $('#results').empty(); 
 
    } 
 
});

これはあなたを助けることを願っています。